CSS选择器语法简介

作者: 眼君 | 来源:发表于2017-06-30 18:18 被阅读77次

    表达式         说明

         *           选择所有节点

    #container    选择id为container的节点

    .container     选择所有class包含container的节点

    li  a               选择li下的所有a节点

    ul + p            选择ul后面的第一个p元素

    div#container   > ul     选择id为container的div的第一个ul子元素

    ul ~ p          选取与ul相邻的所有p元素

    a[title]         选取所有有title属性的a元素

    a[href="http://jobbole.com"]        选取所有href属性为http://jobbole.com的a元素

    a[href*="jobbole"]        选取所有href属性包含jobbole的a元素

    a[href^ ="http"]             选取所有href属性以http开头的a元素

    a[href$=".jpg"]              选取所有href属性以.jpg结尾的a元素

    input[type=radio]:checked    选取选中的radio元素

    a[title]        选取所有有title属性的a元素

    a[title]        选取所有有title属性的a元素

    a[title]        选取所有有title属性的a元素

    a[title]        选取所有有title属性的a元素

    a[title]        选取所有有title属性的a元素

    div:not(#container)   选取所有id非container的div属性

    li:nth-child(3)         选取第三个li元素

    tr:nth-child(2n)        选取第偶数个tr

    a::text        获取a标签中的文本内容

    a::attr(href)  获取a标签中href属性的值

    相关文章

      网友评论

        本文标题:CSS选择器语法简介

        本文链接:https://www.haomeiwen.com/subject/vmsicxtx.html