CSS高级特性-Toy模板网

这篇具有很好参考价值的文章主要介绍了CSS高级特性。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1.CSS复合选择器

CSS复合选择器：复合选择器是由两个或多个基础选择器通过不同的方式组合而成的
1.1 标签指定式选择器：又称交集选择器，由两个选择器构成，其中第一个选择器为标记选择器，第二个为class选择器或id选择器。两个选择器之间不能有空格。

<style type="text/css">
h3.special{
    color:red;
}
</style>

1.2 后代选择器：后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。

<style type="text/css">
        .div1 p{
            color:red;
        }
    </style>

1.3并集选择器：并集选择器是各个选择其通过逗号连接而成的，任何形式的选择器（包括标记选择器、class类选择器、id选择器等），都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同，或部分相同，都可以利用并集选择器为他们定义相同的CSS样式。

p,h1,#mytitle,.one/*定义了一个并集选择器，带有p,h1,id="mytitle",class="one"的标签都内容会显示红色*/{
    color:red;
}

2.1 层叠性所谓层叠性是指多种CSS样式的叠加。原则：

1、样式冲突，遵循的原则是就近原则，即CSS的书写位置。

2、样式不冲突，不会层叠

2.2 继承性所谓继承性是指书写css样式表时，子标记会继承父标记的某些样式。并不是所有的css属性都可以继承。

不具有继承性的：边框属性，外边距属性，内边距属性，背景属性，定位属性，布局属性，元素宽高属性。 1.首先说一个数权重的概念，以做判断

当一个选择器我们看到时就应该有一个数权重（权重在实战上没有后一位满多少进一位之说）。

（id数，class数，标签数）

当遇到冲突时落列出这样一组数

然后进行比较先比较id，id比其余大就不用往下比较了
CSS高级特性,前端,css,前端

拥有!important，最有最高的优先级
标签。伪类或伪对象，优先级分数为1
类、属性选择，优先级分数为10 4.id选择，优先级分数为100 5.style属性，优先级分数为1000 6.其他选择符，如统配符，优先级分数为0
作业代码

CSS高级特性,前端,css,前端文章来源地址https://www.toymoban.com/news/detail-579215.html

到了这里，关于CSS高级特性的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！