如果我有以下div:
<div class="sectionA" id="content">
Lorem Ipsum...
</div>
是否有一种方法来定义一个风格,表达的想法“一个div与id='content'和类='myClass'”?
或者你只是简单地走一条路或者另一条路
<div class="content-sectionA">
Lorem Ipsum...
</div>
Or
<div id="content-sectionA">
Lorem Ipsum...
</div>
在一个元素上结合id和class并没有什么问题,但您不应该为了一条规则而同时使用两者来标识它。如果你真的想,你可以这样做:
#content.sectionA{some rules}
你不需要像其他人建议的那样把div放在ID前面。
一般来说,特定于该元素的CSS规则应该使用ID来设置,这些规则将比仅类的规则具有更大的权重。类指定的规则将是应用于多个项的属性,您不希望在需要调整时在多个地方更改这些项。
这可以归结为:
.sectionA{some general rules here}
#content{specific rules, and overrides for things in .sectionA}
有意义吗?
我认为你们都错了。id与Class不是专一性的问题;它们有完全不同的逻辑用途。
id应该用于标识页面的特定部分:页眉、导航栏、主要文章、作者属性、页脚。
应该使用类将样式应用到页面。假设你有一个一般的杂志网站。网站上的每个页面都有相同的元素——标题、导航、主文章、边栏、页脚。但是你们的杂志有不同的版块——经济、体育、娱乐。你希望这三个部分有不同的外观——经济上保守而保守,体育运动活泼,娱乐方面活泼而年轻。
你可以使用类来实现。你不希望有多个id——#economics-article、#sports-article和#entertainment-article。这说不通啊。相反,您应该定义三个类,.economics、sports和.entertainment,然后为每个类定义#nav、#article和#footer id。