gpt4 book ai didi

html - CSS 仅匹配 ID 中的特定标签

转载 作者:太空宇宙 更新时间:2023-11-03 21:46:18 24 4
gpt4 key购买 nike

谁能告诉我如何完成这项工作。在下面的代码中,我需要将 #awesome_body ID 中的 h1/h2/h3/.tiny 设置为红色。任何不在#awesome_body 内的 h1/h2/h3/.tiny 都应该使用浏览器的默认颜色:

<body>
<div id="awesome_body">
<div id="show_body">
<span>SHOWING YOUR...</span>
<h1> AWESOME BODY!</h1>
<h2> AWESOME BODY!</h2>
<h3> AWESOME BODY!</h3>
<span class="tiny"> AWESOME BODY!</span>
</div>
</div>
<br/>
<br/>
<div id="cool_body">
<div id="show_body">
<span>SHOWING YOUR...</span>
<h1> COOL BODY!</h1>
<h2> COOL BODY!</h2>
<h3> COOL BODY!</h3>
<span class="tiny"> COOL BODY!</span>
</div>
</div>
</body>

#awesome_body h1, h2, h3,.tiny {
color: red;
}
.tiny{
font-size: 10px;
}

JSFiddle 在 http://jsfiddle.net/webteckie/q4FLd/3/

enter code here

最佳答案

您将使用以下内容:

Updated jsFiddle example

#awesome_body h1, #awesome_body h2, #awesome_body h3, #awesome_body .tiny {
color: red;
}

关于html - CSS 仅匹配 ID 中的特定标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20456524/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com