CSS 选择器 | 您所在的位置:网站首页 › css中选择符用什么来表示 › CSS 选择器 |
如果你有多个使用相同样式的 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 实验室设备网 版权所有 |