出于CSS目的，如何命名我的DOM元素

我很难为DOM元素指定智能类名

我觉得下面的例子是我的CSS通常会用到的东西：

<div class="article">
  <div class="title-container">
     <div class="title>Something fantastic</div>
     <div class="sub-title-controls">
        <div class="btn-like"></div>
        <div class="btn-google-plus-one"></div>
        <div class="btn-share"></div>
     </div>
  </div>
</div>

神奇的东西
…更多的东西。。。

然后事情就开始失控了

我想我要找的是：有没有芝加哥CSS风格手册？比如，什么时候用

或

来描述

真的更好？如何智能地命名用作容器的非可视div

---

我的CSS是一个噩梦，两年的编码没有结构。几乎放弃了，在这个特定的项目上全力以赴。：）感谢您的提示。

您应该在这篇题为：

简而言之，如果可以，请使用新的HTML5标记：

<header></header>
<article></article>
<aside></aside>
<footer></footer>

举个例子，最好是这样做：

<div class="btn-share"></div>
...
<div class="btn-share bigBtn"></div>

...

并且只更改bigBtn类中的大小。

是CSS的样式指南，可能正是您想要的。你可以购买它，或者网站上的大部分内容都是免费的

---

此外，这是一个由上的家伙们开发的框架，我发现这本书很有用，我个人很喜欢它。

如果我能给你一个提示，那就是“不要为CSS命名元素”。将元素命名为语义元素。i、 描述内容。使用CSS选择器将这些语义绑定到您的CSS规则。我想这可能就是我想要的。看来我有一些书要读。谢谢约书亚@我读了你发来的关于语义和非语义的原始链接，非常有用！它并没有回答我所有的问题，但它帮助了我。

<div class="btn-share"></div>
...
<div class="btn-share bigBtn"></div>