Html 对CSS3特异性的质疑
我不明白,即使我已经研究了我下面的CSS规则为什么不被应用的特殊性 CSS 这里是我的HTML:Html 对CSS3特异性的质疑,html,css,css-specificity,Html,Css,Css Specificity,我不明白,即使我已经研究了我下面的CSS规则为什么不被应用的特殊性 CSS 这里是我的HTML: <div class="row topbar"> <div class="col-md-10 col-md-offset-1"> <div class="row"> <!-- logo and text --> <div class="col-md-4">
<div class="row topbar">
<div class="col-md-10 col-md-offset-1">
<div class="row">
<!-- logo and text -->
<div class="col-md-4">
<img class="img-responsive" src="assets/img/bnpp-logo.png"></img> <p>PROVA</p>
</div>
<div class="col-md-4">
</div>
<div class="col-md-4">
</div>
</div>
</div>
</div>
普罗瓦
在这种情况下,我们有两条规则可以影响它:
.body、.topbar p
第一个有特异性0001,第二个有特异性0011。。。为什么应用正文规则?已解决 名称空间是一件愚蠢的事情。 我的scss文件是错误的,我是从这个来源生成字体的
.class {
fonts:
{
family....
}
}
显然,正确的答案是:
font: {
family: etc;
size: etc;
}
字体是正确的名称空间。topbar p的css无效。我想这就是为什么它不适用的原因。为什么?我有topper类,并且嵌套了元素…尝试使用字体系列而不是字体字体系列等。例如,我的意思是它是生成错误的grrrr:)这是避免使用不必要的工具的另一个原因,例如CSS预处理器,错误消息差,可过滤性差。如果您必须查看它生成的CSS以确定它是否做了正确的事情,那么重点是什么?这就像使用一个C编译器,除非查看它生成的汇编代码,否则无法信任或调试它。顺便说一下,通过查看样式检查器,可以很容易地调试此问题。很可能您会看到
字体系列
属性标记为错误,并报告为“未知属性”。这是真的:)@torazaburo您认为SASS不好吗?我认为它是不必要的,并且可能有害。
font: {
family: etc;
size: etc;
}