我正在嘗試僅對作為“some-class”類的任何元素的后代的元素p應用樣式。a根據https://developer.mozilla.org/en-US/docs/Web/CSS/Selector_list，下面的代碼應該提供預期的行為。但是，樣式意外地應用于所有p元素。有趣的是，如果我重新排序后代串列，即.some-class p,a. 有人可以解釋為什么會這樣嗎？
僅供參考 - 我已經在 Firefox 和 Chrome 中運行了代碼，結果相同。
<html>
<head>
<style>
.some-class a,p {
color: red;
}
</style>
</head>
<body>
<div>
<p>should not be red</p>
</div>
<div class="some-class">
<p>should be red</p>
</div>
</body>
</html>
uj5u.com熱心網友回復：
選擇a類名為 的元素內部的所有元素some-class，然后選擇所有p元素。您必須指定您還希望選擇p類名為 的元素內的所有 -elements some-class，如下所示：
.some-class a,
.some-class p {
color: red;
}
還有一種更現代的方法：
.some-class :is(a,p) {
color: red;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/454082.html
下一篇：影像不允許相鄰div正確對齊