CSS 选择器 您所在的位置:网站首页 css中选择符用什么来表示 CSS 选择器

CSS 选择器

2024-06-24 21:50| 来源: 网络整理| 查看: 265

如果你有多个使用相同样式的 CSS 选择器,那么这些单独的选择器可以被混编为一个“选择器列表”,这样,规则就可以应用到所有的单个选择器上了。例如,如果我的h1和.special类有相同的 CSS,那么我可以把它们写成两个分开的规则。

cssh1 { color: blue; } .special { color: blue; }

我也可以将它们组合起来,在它们之间加上一个逗号,变为选择器列表。

cssh1, .special { color: blue; }

空格可以在逗号前或后,你可能还会发现如果每个选择器都另起一行,会更好读些。

cssh1, .special { color: blue; }

在下面的实时示例中,试着把两个有相同声明的选择器组合起来。外观在组合起来以后应该还是一样的。

当你使用选择器列表时,如果任何一个选择器无效 (存在语法错误),那么整条规则都会被忽略。

在下面的示例中,无效的 class 选择器会被忽略,而h1选择器仍会被样式化。

cssh1 { color: blue; } ..special { color: blue; }

但是在被组合起来以后,整个规则都会失效,无论是h1还是这个 class 都不会被样式化。

cssh1, ..special { color: blue; }


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有