html – 带有类的第一个子实例的CSS选择器?

html – 带有类的第一个子实例的CSS选择器?,第1张

概述参见英文答案 > CSS selector for first element with class                                    18个 是否有一个CSS选择器用于具有类的子项的第一个实例?例如,请使用以下代码: <div id="container"> <div class="nothing"> </div> <div class 参见英文答案 > CSS selector for first element with class                                    18个
是否有一个css选择器用于具有类的子项的第一个实例?例如,请使用以下代码:

<div ID="container">    <div >    </div>    <div > <!-- SELECT THIS ONE -->    </div>    <div > <!-- NOT THIS ONE -->    </div>    <div > <!-- NOT THIS ONE -->    </div></div>

是否有一个css选择器来设置第一次出现div类“child”的样式?

解决方法 您可以使用 general sibling combinator,〜为后续的.child兄弟节点设置样式.child并恢复样式:

.child {  color: #ff0000;}.child ~ .child {  color: inherit;}
<div ID="container">  <div >nothing  </div>  <div >SELECT THIS ONE  </div>  <div >NOT THIS ONE  </div>  <div >NOT THIS ONE  </div></div>
总结

以上是内存溢出为你收集整理的html – 带有类的第一个子实例的CSS选择器?全部内容,希望文章能够帮你解决html – 带有类的第一个子实例的CSS选择器?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1080016.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存