美文网首页
css选择器

css选择器

作者: rain_zhong | 来源:发表于2019-01-28 15:59 被阅读0次

    选择器是一个选择器谁的过程。

    一、基础选择器

    1.标签选择器

    标签(属性:值;)

    2.类选择器

    .自定义类名(属性:值;)
    特点:谁调用,谁生效.
    一个标签可以多个类选择器。
    多个标签可以调用同一个类选择器。
    ★类选择器命名规则:
    不能用纯数字或者数字开头来定义类名。
    不能使用特殊符号(_ 除外)来定义类名。
    不推荐使用汉字来定义类名。
    不推荐使用标签名、属性、属性值来定义类名。

    3.id选择器

    #自定义名{属性:值;}
    特点:谁调用,谁生效。
    一个标签只能调用一个id选择器。
    一个id选择器在一个页面只能调用一次。

    4.通配符选择器

    *{属性:值;}

    二、复合选择器

    1.交集选择器

    标签+类(id)选择器{属性:值;}
    特点:即是某个标签,而且这个标签调用了类(id)选择器

    2.后代选择器

    选择器+空格+选择器{属性:值;}
    后代选择器的基本要求:包含(嵌套)关系。
    特点: 父在前,子在后。
    无限制隔代。
    只要能代表这个标签,可以是标签选择器、类选择器、id选择器自由组合。

    3.子代选择器

    选择器>选择器{属性:值;}
    特点:选择的是直接下一代.

    4.并集选择器

    选择器+,+选择器+,+选择器{属性:值;}

    相关文章

      网友评论

          本文标题:css选择器

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