前端之家收集整理的这篇文章主要介绍了
html – 具有嵌套CSS的类与ID，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
假设这样的
HTML：
<div id="header">
<span class="title">Title</span>
<!-- more spans and other things here -->
</div>
这将与嵌套的CSS一起使用：
#header .title { /* CSS */ }
这当然有效,但我不喜欢这里的课程用法.由于我只需要一次样式标题,我想使用id.但是这个名称必须像header_title(因为我可能在HTML中有其他标题),导致CSS
#header #header_title { /* CSS */ }
现在这似乎打败了嵌套CSS的目的,然后我可以完全删除第一个#header.
我无法找到一种“正确”的方法.我错过了什么,或者我只需要在这里使用一些“脏”代码？
它实际上并不重要.
标记的重要之处在于它的可读性; HTML是关于语义的,因此您的标记代表您的内容.通过这样做,如果你几个月后回到你的HTML而不触及它,你应该能够快速了解你写的地球:)
从语义上讲,#header = .title对#header #header_title更有意义,原因有两个：一,因为它更容易阅读,两个,因为ids的目的是,确定！您可以单独使用#header_title,但限制您拥有的ID数量会更加清晰.
原文链接：https://www.f2er.com/html/225799.html
