在同一CSS规则中将元素与类选择器混合在一起

时间:2018-11-20 20:54:47

标签: html css

是否可以将element选择器与class选择器混合使用?换句话说:

<h1 class="header">Hello, World!</h1>

h1 .header {
    color: red;
}

2 个答案:

答案 0 :(得分:2)

是的

请记住,在这种情况下,空格很重要。

  • h1 .header将定位某个类为header的元素,该元素是h1标记的后代。如果可以避免,则后代组合器(即空间)不是处理css后代的首选方法,因为它会耗尽加载资源。
  • h1.header仅定位h1类的header个元素。

答案 1 :(得分:0)

是的。两个选择器之间没有空格。

h1.header { /* something; */ }

请参见https://www.w3schools.com/css/tryit.asp?filename=trycss_syntax_element_class