CSS最常用的三种选择器

时间：2018-02-07 19:34:51 阅读：598 评论：0 收藏：0 [点我收藏+]

样式的名称和标签的名称相同，如示例中的p标签，则对应名称为p的样式，若页面中有多个p标签，则这些p标签共同享用该样式

p{
　　color:blue;
}
<p>标签选择器</p>

技术分享图片

1.使用方式如下所示，一个c1样式可以被多次使用

.c1{
   color:red;
}
<p class="c1">class选择器</p>

技术分享图片

2.一个class中可以有多个样式

.c1{
    color:red;
}
.c2{
    font-size:20px;
}
<p class="c1 c2">class选择器</p>

技术分享图片

一个页面中不能在多个标签中出现样的id名称，即id选择器不像class选择器一样可以被多次使用，它只能在同一个页面中被使用一次

技术分享图片

id选择器>class选择器>标签选择器

空格表示：什么什么下面的什么什么，如下所示

div .c1{                    //以空格分隔
        color:green;
}
<div>
    <p class="c1">选择器</p>
</div>
<p class="c1">选择器</p>

技术分享图片

逗号表示：什么和什么

.c1,.c2{                --以逗号分隔
        color:green;
}

技术分享图片

原文地址：https://www.cnblogs.com/shenyf/p/8427512.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行