如果我有以下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;在css中的标签变量中添加标签#类。
其他回答
.sectionA[id='content'] { color : red; }
当doctype是html 4.01时不会工作…
#header. callout和#header之间有区别。css中的标注。
下面是#header .callout的“简单英语”: 选择具有类名标注的所有元素，这些元素是ID为header的元素的后代。
和#头。调出的意思是: 选择ID为header且类名为callout的元素。
你可以在这里阅读更多css技巧
继续Ajm的回答:
对于动态id或类选择组合->
div[id*='**myStandarKey-**'].myClass{
}
/* This is to validate something like: */
div[id*='myStandarKey-**12**'].myClass{
}
/* AND */
div[id*='myStandarKey-**13**'].myClass{
}
/* etc. */
你可以在CSS中组合ID和Class，但是ID是唯一的，所以在CSS选择器中添加一个类会过度限定它。
在一个元素上结合id和class并没有什么问题，但您不应该为了一条规则而同时使用两者来标识它。如果你真的想，你可以这样做:
#content.sectionA{some rules}
你不需要像其他人建议的那样把div放在ID前面。
一般来说，特定于该元素的CSS规则应该使用ID来设置，这些规则将比仅类的规则具有更大的权重。类指定的规则将是应用于多个项的属性，您不希望在需要调整时在多个地方更改这些项。
这可以归结为:
.sectionA{some general rules here}
#content{specific rules, and overrides for things in .sectionA}
有意义吗?
