css常用的属性选择器

最新推荐文章于 2022-10-26 20:27:52 发布

weixin_42837704

最新推荐文章于 2022-10-26 20:27:52 发布

阅读量139

点赞数

分类专栏： css 文章标签：学习心得

本文链接：https://blog.csdn.net/weixin_42837704/article/details/81369418

版权

1 篇文章 0 订阅

订阅专栏

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的所有标签

关注