HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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数量会更加清晰.

大佬总结

以上是大佬教程为你收集整理的html – 具有嵌套CSS的类与ID全部内容,希望文章能够帮你解决html – 具有嵌套CSS的类与ID所遇到的程序开发问题。

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

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: