Html 针对a<；小型>；在a<；hX>；

我需要在CSS中针对一种有趣的项目：它是

内部的

，它是

内部的

，具有类

警报消息

和

阻止消息

基本上是这样的：

<div class="alert-message block-message">
    <h3>
        Hello World
        <small>And Hello Universe, too!</small>
    </h3>
</div>

div.alert-message.block-message h1 small,
div.alert-message.block-message h2 small,
div.alert-message.block-message h3 small,
div.alert-message.block-message h4 small,
div.alert-message.block-message h5 small,
div.alert-message.block-message h6 small {

}

div.alert-message.block-message {
    h1, h2, h3, h4, h5, h6 {
        small {/* your CSS */}
    }
}

及

---

但显然这两种方法都不管用。我只需要更改这些特定

块的字体颜色。我的上述“查找”元素的方法有什么问题？

要特别针对这些元素，您的选择器必须如下所示：

<div class="alert-message block-message">
    <h3>
        Hello World
        <small>And Hello Universe, too!</small>
    </h3>
</div>

div.alert-message.block-message h1 small,
div.alert-message.block-message h2 small,
div.alert-message.block-message h3 small,
div.alert-message.block-message h4 small,
div.alert-message.block-message h5 small,
div.alert-message.block-message h6 small {

}

div.alert-message.block-message {
    h1, h2, h3, h4, h5, h6 {
        small {/* your CSS */}
    }
}

我一直希望有一个通用的选择器用于

h1-h6

，但不幸的是，我们需要分别针对它们

我的上述“发现”元素的方法有什么问题

请记住逗号

，

分隔选择器，因此：

div.alert-message.block-message h1,h2,h3,h4,h5,h6 small {}

同：

div.alert-message.block-message h1 {/* styles */}
h2 {/* styles */}
h3 {/* styles */}
h4 {/* styles */}
h5 {/* styles */}
h6 small {/* styles */}

我想知道有没有捷径

据我所知，标题没有快捷方式，但看起来您可以使用如下嵌套选择器：

<div class="alert-message block-message">
    <h3>
        Hello World
        <small>And Hello Universe, too!</small>
    </h3>
</div>

div.alert-message.block-message h1 small,
div.alert-message.block-message h2 small,
div.alert-message.block-message h3 small,
div.alert-message.block-message h4 small,
div.alert-message.block-message h5 small,
div.alert-message.block-message h6 small {

}

div.alert-message.block-message {
    h1, h2, h3, h4, h5, h6 {
        small {/* your CSS */}
    }
}

---

要特别针对这些目标，您的选择器必须如下所示：

<div class="alert-message block-message">
    <h3>
        Hello World
        <small>And Hello Universe, too!</small>
    </h3>
</div>

div.alert-message.block-message h1 small,
div.alert-message.block-message h2 small,
div.alert-message.block-message h3 small,
div.alert-message.block-message h4 small,
div.alert-message.block-message h5 small,
div.alert-message.block-message h6 small {

}

div.alert-message.block-message {
    h1, h2, h3, h4, h5, h6 {
        small {/* your CSS */}
    }
}

我一直希望有一个通用的选择器用于

h1-h6

，但不幸的是，我们需要分别针对它们

我的上述“发现”元素的方法有什么问题

请记住逗号

，

分隔选择器，因此：

div.alert-message.block-message h1,h2,h3,h4,h5,h6 small {}

同：

div.alert-message.block-message h1 {/* styles */}
h2 {/* styles */}
h3 {/* styles */}
h4 {/* styles */}
h5 {/* styles */}
h6 small {/* styles */}

我想知道有没有捷径

据我所知，标题没有快捷方式，但看起来您可以使用如下嵌套选择器：

<div class="alert-message block-message">
    <h3>
        Hello World
        <small>And Hello Universe, too!</small>
    </h3>
</div>

div.alert-message.block-message h1 small,
div.alert-message.block-message h2 small,
div.alert-message.block-message h3 small,
div.alert-message.block-message h4 small,
div.alert-message.block-message h5 small,
div.alert-message.block-message h6 small {

}

div.alert-message.block-message {
    h1, h2, h3, h4, h5, h6 {
        small {/* your CSS */}
    }
}

---

逗号分隔整个选择器，而不是您所期望的选择器的一部分

div.alert-message h1、h2

表示选择

div.alert-message h1

并选择

h2

（全部）

你需要写作

div.alert-message.block-message h1 small, div.alert-message.block-message h2 small, div.alert-message.block-message h3 small, div.alert-message.block-message h4 small, div.alert-message.block-message h5 small, div.alert-message.block-message h6 small

---

逗号分隔整个选择器，而不是您所期望的选择器的一部分

div.alert-message h1、h2

表示选择

div.alert-message h1

并选择

h2

（全部）

你需要写作

div.alert-message.block-message h1 small, div.alert-message.block-message h2 small, div.alert-message.block-message h3 small, div.alert-message.block-message h4 small, div.alert-message.block-message h5 small, div.alert-message.block-message h6 small

---

将描述中的每个声明一个接一个地定为目标。

将描述中的每个声明一个接一个地定为目标。

必须如此冗长，这是一件令人遗憾的事，但感谢您的回答！我想知道是否有更少的快捷方式……好吧，你可以在标题中添加一个类，然后简单地使用：

.messageheading small{}

True，但这将大大减少黑客：）这是一个令人遗憾的问题，它必须如此冗长，但谢谢你的回答！我想知道是否有更少的快捷方式……好吧，你总是可以在标题中添加一个类，然后简单地使用：

.messageheading small{}

True，但这将大大减少黑客：）