我已经进行了一些谷歌搜索,但到目前为止,我还没有找到任何可以回答我关于 CSS 顺序或重要性的问题。
例如,内联覆盖外部。知道了。在外部添加 !important 可以覆盖内联。此外,从我所学过的所有内容来看,后来的风格会覆盖早期的风格。所以:
h1 { font-size: 12pt; }
h1 { font-size: 14pt; }
将呈现 14pt 的字体大小。但情况并非总是如此。有时我想定义如下样式:
<div id="content">
<input class="regular" type="text" />
<input class="regular" type="text" />
<input class="long" type="text" />
然后在css中:
#content input { width: 50%; }
.long { width: 75%; }
但这并不总是有效。我在哪里可以看到重要性的顺序,因为所有这些都有特定的重要性级别:
input {}
#content input {}
#content input.regular {}
#content input.long
input.regular {}
input.long {}
.regular {}
.long {}
我真的不喜欢写 !important ,但是如果我不能具体弄清楚重要性的顺序,那么有时我必须更改 ids、classes 等。