css3 xpath jq选择器

CSS3选择器

    /* 选取所有p元素 */
    p{
        font-size: 16px;
        color: #333;
    }
    /* 选取class为container的元素下所有p元素 */
    .container p{
        font-size: 20px;
        color: #f00;
    }
    /* 选取第一个p元素 */
    p:first-of-type{
        font-weight: bold;
    }

XPath选择器

    // 选取所有p元素
    //p
    // 选取class为container的元素下所有p元素
    //div[@class="container"]/p
    // 选取第一个p元素
    //p[1]

jQuery选择器

    // 选取所有p元素
    $('p')
    // 选取class为container的元素下所有p元素
    $('.container').find('p')
    // 选取第一个p元素
    $('p:first')