小编Rom*_*442的帖子

考虑到考虑后,同样的特殊性:第一封信总是赢?

看看这个jsfiddle:http://jsfiddle.net/ZNddz/

.intro:first-letter {
    font-size: 130px;
}
span.letter {
    background-color: red;
    font-size: 30px;
}
p {
    font-size: 80px;
}
Run Code Online (Sandbox Code Playgroud)

第一个规则由一个类选择器和一个pseudo-element选择器= 11组成

第二个规则由一个类选择器.letter和一个标签选择器span= 11组成

这两个规则具有相同的特异性,因此可以合理地相信获胜者应该是最后一种风格.显然事实并非如此.所以我决定background-color在第二个规则中添加一个属性,你可以看到它的高度为30px.

我从中推断出两条规则都没有选择相同的元素.但是,我想要对这种效果进行官方解释,这有点太离奇了.

css css-selectors css-specificity css3 pseudo-element

10
推荐指数
1
解决办法
247
查看次数