css常用的属性选择器

CSS中可以使用选择器减少命名的个数；
比如要给下面的h1、p、子块标签中的h1添加属性

        <div class="aa">
            <h1></h1>
            <p></p> 
            <div>
              <h1><h1>
             </div>
        </div>

可以使用

.aa p{}
.aa h1:nth-of-type(1){}
.aa>div>h1{}

来添加属性，第一种是写class名空格再写入需要添加属性的标签
而第二种意思是选中class“aa”中第一个h1标签来进行添加属性
最后一个是指选中在class“aa”中的div里的< h1>属性来进行添加属性

也可以给标签中添加title属性，然后在CSS中选中添加属性
比如要给大的块标签“aa”中的子块标签”bb”添加属性

<div class="aa">
            <div title="bb"></div>
            <div title="cc"></div>
            <div title="bb"></div>
</div>

可以使用title标签的属性来区分各个子块标签 然后使用

div[title=”bb”] 选取div标签中标题为bb的所有标签
div[title!=”cc”]选取div标签中标题不为cc的所有标签
div[title^=”bb”]div标签中标题以bb开头的所有标签
div[title*=”bb”]div标签中标题包含bb的所有标签