Html 在同一CSS规则中混合元素和类选择器

Html 在同一CSS规则中混合元素和类选择器,html,css,Html,Css,是否可以将元素选择器与类选择器混合使用?换言之: <h1 class="header">Hello, World!</h1> h1 .header { color: red; } 你好,世界! h1.标题{ 颜色:红色; } 是 请记住,在这种情况下,空格很重要 h1.header将针对类为header的某个元素,该类元素是h1标记的后代。如果可以避免的话,子体组合符(即空间)不是处理css子体的首选方法,因为它会消耗加载资源 h1.header仅针对h1类

是否可以将
元素
选择器与
选择器混合使用?换言之:

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

h1 .header {
    color: red;
}
你好,世界!
h1.标题{
颜色:红色;
}

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

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

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

    h1.header { /* something; */ }