我只是在学习 CSS，我似乎无法解决这个问题。HTML 如下所示：
`<section class=”red”>
<ul>
<li class=”list-one”>item</li>
<li class=”list-one”>item</li>
</ul>
</section>
<section class=”red”>
<ul>
<li class=”list-one”>item</li>
<li class=”list-one”>item</li>
</ul>
</section>
<section class=”blue”>
<ul>
<li class=”list-one”>item</li>
<li class=”list-one”>item</li>
</ul>
</section>`
我正在尝试使用“蓝色”的类属性来定位/设置列表项的样式。我尝试过 .blue{color:red} 和 .blue ul li {color:red} 以及其他一些组合，但似乎没有任何效果。
”引号对 HTML 无效。您可以尝试使用'或"
<style>
.blue ul li {
color:blue;
}
.red ul li {
color:red;
}
</style>
<section class="red">
<ul>
<li class="list-one">item</li>
<li class="list-one">item</li>
</ul>
</section>
<section class="red">
<ul>
<li class="list-one">item</li>
<li class="list-one">item</li>
</ul>
</section>
<section class="blue">
<ul>
<li class="list-one">item</li>
<li class="list-one">item</li>
</ul>
</section>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句