首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >CSS2中的上下文选择器

CSS2中的上下文选择器
EN

Stack Overflow用户
提问于 2008-11-20 00:17:21
回答 2查看 336关注 0票数 1

我想知道为什么在特定类中设置元素的样式,如下所示:

代码语言:javascript
复制
.reddish H1 { color: red }

作为上下文选择器下CSS1规范中正确语法的示例:

Cascading Style Sheets, level 1

但在CSS2规范中并没有以示例的形式显示:

Cascading Style Sheets, Level 2

至少我找不到一个这样的例子。这方面的语法规则在CSS2中是否发生了变化,或者只是简单地推断为正确的语法?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2008-11-20 01:57:37

该语法是正确的,但是由于几个原因,示例可能发生了变化。

首先,通过描述类的功能来命名类并不是最佳实践。在.reddish h1的情况下,示例CSS显示它将被着色为红色。但是,如果在以后的设计更改中,h1实际上应该是蓝色的,那么

代码语言:javascript
复制
.reddish h1 { color: blue; }

没什么意义。您应该根据它们在页面上的功能或用途来命名您的类,而不是根据它们应该表示的样式来命名。

其次,不建议对颜色使用关键字,因为你收到的颜色取决于浏览器的解释。而不是'red‘,你应该使用十六进制码'#ff0000’来在所有浏览器中获得准确的颜色。(红色可能不是最好的例子,但有一些奇怪的颜色关键字)。

虽然这两件事都不是那么糟糕,但它们都可以解释为什么规范中的示例发生了变化。

票数 3
EN

Stack Overflow用户

发布于 2008-11-20 02:32:35

您应该使用小写字母(h1,而不是H1)编写元素。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/303939

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档