类与嵌套CSS的ID

2018-06-02 19:31:01

假设一个这样的HTML：

<div id="header">
  <span class="title">Title</span>
  <!-- more spans and other things here -->
</div>

这将与嵌套的CSS一起工作：

#header .title { /* CSS */ }

这当然有用，但我不喜欢这里的class用法。因为我只需要一次样式title ，所以我想使用一个id。但是这个名称必须是header_title东西（因为我可能在HTML中有其他标题），导致CSS

#header #header_title { /* CSS */ }

现在这似乎破坏了嵌套CSS的目的，然后我可以完全放弃第一个#header 。

我无法真正想出一个办法来做到这一点“正确”。我错过了什么，或者我只是在这里生活在一些“脏”的代码？

它其实并不重要。

关于您的标记，重要的是它的可读性。 HTML是关于语义的，所以你的标记代表你的内容。通过这样做，如果你在几个月后回到你的HTML而没有触及它，你应该能够迅速接受你写的东西:)

在语义上， #header .title使得很多更有意义，我过#header #header_title ，原因有两个; 一个，因为它更容易阅读，另外两个，因为IDS的目的就是识别！您可以#header_title使用#header_title ，但限制您拥有的ID数量会更清晰。

使用#id .class {style:rules;}不是“脏”。这是做这件事的正确方法。另外，如果你“在HTML中可能有其他标题”，那么使用类更加正确，而不是有15个基于id的规则。

如何使用标题标签

#title h1{/* CSS */}

<div id="header">
    <h1>Title</h1>
</div>

我想这就是标签在那里:)

链接地址: http://www.djcxy.com/p/10003.html