美文网首页
css选择器

css选择器

作者: Mthinkway | 来源:发表于2019-03-18 16:24 被阅读0次

    通配符选择器

    *{
        margin:0
        padding:0
    }
    

    元素选择器(标签选择器)

    html标签

    labelname{}
    

    class 选择器

    .classname{}
    

    id选择器

    #idname{}
    

    后代选择器

    A B{}
    

    子选择器(直接后代选择器)

    A > B{}
    

    相邻兄弟选择器

    A+B{}
    

    元素选择器

    1. 存在选择器: labelname[name]
    2. 值等于选择器: labelname[name="value"];
    3. 有一个值等于: labelname[name~="value"]
    4. 值开头:labelname[name^="value"]
    5. 值结尾:labelname[name$="value"]
    6. 值等于或以值开头:labelname[name|="value"]

    伪类选择器

    1. 链接伪类:link、visited、target
    2. 动态伪类:hover、active
    3. 表单相关伪类:enabled、disabled、checked、focus、selection
    4. 结构伪类:nth-child(index)、nth-of-type(index)、first-child、last-child、first-of-type、last-of-type。

    伪元素选择器

    1. after:元素后面
    2. before:元素之前
    3. first_letter:首字符
    4. first-line:首行

    相关文章

      网友评论

          本文标题:css选择器

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