CSS选择器

作者: RachelCT | 来源:发表于2019-01-13 15:54 被阅读3次

    上篇介绍了css的引入方式,这篇总结一下css选择器。
    css选择器的语法格式如下:

    selector{           (选择器)
    Property:value1;(键值对)
    Property:value2;
    }
    
    CSS选择器分类
    标记选择器给全部元素标签指定样式,如给<p>和<div>标签指定样式,在css中的应用如下:
    p{color: red;font-size: 25px}
    div{background-color: gray;font-size: 30px}
    

    类选择器'.'指定HTML文档中某一声明了class的元素标签的样式,即类选择器的使用方法是在HTML中的标签元素声明class,如下:

    <div class="c_style"></div>
    

    然后在css文档中的使用如下:

    .c_style{background-color: gray;font-size: 30px}
    

    id选择器'#'的使用与类选择器类似,只是此时该指定id,而不是class。同样在HTM中应用:

    <div id="id_style"></div>
    

    然后在css文档中的使用如下:

    #id_style{background-color: gray;font-size: 30px}
    

    组合选择器则是几种选择器组合起来产生效果,如在HTML中:

    <div id="id_style"  class="c_style"></div>
    

    然后在css文档中的使用如下:

    #id_style.c_style{background-color: gray;font-size: 30px}
    

    相关文章

      网友评论

        本文标题:CSS选择器

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