代码之家  ›  专栏  ›  技术社区  ›  User 5842

在同一个css规则中混合元素和类选择器[重复]

  •  -1
  • User 5842  · 技术社区  · 5 年前

    可以混合吗 element 选择器 class 选择器?换言之:

    <h1 class="header">Hello, World!</h1>
    
    h1 .header {
        color: red;
    }
    
    2 回复  |  直到 5 年前
        1
  •  2
  •   wlh    5 年前

    对。

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

    • h1 .header 将以类为目标的元素 header 那是一个 h1 标签。如果可以避免,后代组合器(即空间)不是处理CSS后代的首选方法,因为它会耗尽加载资源。
    • h1.header 仅目标 H1 具有类的元素 页眉 .
        2
  •  0
  •   jeanpaulxiao    5 年前

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

    h1.header { /* something; */ }
    

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