快速了解css特异性

2023-12-18 分类：网站建设

现在网站成为企业宣传比不可少的方式，那么对于网站来说很多人不是很了解它是怎么写出来的，其实很简单，它的框架是采用HTML+CSS来实现的。对于一些新程序员来说可能还没有使用特别流畅，还存在一些疑问，下面成都网站建设的小编来给大家详细介绍一下，css的特异性，快来了解一下吧。

成都网站建设

在推特上浏览的时候看到一个很有意思的css试题，试题类型为css的特异性;

How well do you know CSS?

Given these classes:

.red {

color: red;

}

.blue {

color: blue;

}

Which color would these divs be?

1.First red, second blue

2.First blue, second red

3.both blue

4.both red

到现在为止，投票率分别为9%，44%，43%，3%;

通过投票率可以看出大部分人选择第一个蓝色，第二个红色，其实正确的结果为3，全是蓝色，在css中当多个声明具有相同的特异性时, 在 CSS 中找到的最后一个声明将应用于该元素，应用于元素的类的顺序无关紧要。

参考链接：https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity (css的特异性)

以上就是今天成都网站建设开发人员跟您分享的内容，希望能对大家的网页设计方面能有所帮助。如果您需要做网站，欢迎您来成都创新互联咨询，我们将竭诚问您服务!

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容