我想知道为什么在特定类中设置元素的样式,如下所示:
.reddish H1 { color: red }作为上下文选择器下CSS1规范中正确语法的示例:
Cascading Style Sheets, level 1
但在CSS2规范中并没有以示例的形式显示:
Cascading Style Sheets, Level 2
至少我找不到一个这样的例子。这方面的语法规则在CSS2中是否发生了变化,或者只是简单地推断为正确的语法?
发布于 2008-11-20 01:57:37
该语法是正确的,但是由于几个原因,示例可能发生了变化。
首先,通过描述类的功能来命名类并不是最佳实践。在.reddish h1的情况下,示例CSS显示它将被着色为红色。但是,如果在以后的设计更改中,h1实际上应该是蓝色的,那么
.reddish h1 { color: blue; }没什么意义。您应该根据它们在页面上的功能或用途来命名您的类,而不是根据它们应该表示的样式来命名。
其次,不建议对颜色使用关键字,因为你收到的颜色取决于浏览器的解释。而不是'red‘,你应该使用十六进制码'#ff0000’来在所有浏览器中获得准确的颜色。(红色可能不是最好的例子,但有一些奇怪的颜色关键字)。
虽然这两件事都不是那么糟糕,但它们都可以解释为什么规范中的示例发生了变化。
发布于 2008-11-20 02:32:35
您应该使用小写字母(h1,而不是H1)编写元素。
https://stackoverflow.com/questions/303939
复制相似问题