我有一個帶id的元素。我試圖通過CSS選擇器來選擇它的一些子元素。
#myDiv span, #myDiv i可以使用，但我想知道是否有一個更短的方法。
我已經試過嵌套選擇器，比如
#myDiv {
& span, i {
color: red
}
但沒有成功。
。#myDiv span, #myDiv i {
color: red
}<div id="myDiv"> /span>
<span>My Span</span>/span>
<p>My P</p>
<i>我的I</i>/span>
</div>/span>uj5u.com熱心網友回復：
你的嵌套代碼是在SCSS中，而不是在CSS中，CSS中沒有嵌套。
如果你以后不在這個容器下添加任何其他元素，那么最短的CSS代碼將是
#myDiv *:not（p）{
color: red
}
uj5u.com熱心網友回復：
如果你希望它是遞回的（比方說，在未來，一些#myDiv元素會有自己的子元素），使用：
#myDiv > *:not(p) {
color: red
}
uj5u.com熱心網友回復：
你可以這樣：
#myDiv {
& span, & i {
color: red
}
}
似乎你忘了在每一個新的類選擇器前加上"&"。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/321905.html
標籤：
上一篇：Css內邊界半徑