如果我有以下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>

当前回答

继续Ajm的回答:

对于动态id或类选择组合->

div[id*='**myStandarKey-**'].myClass{

}

/* This is to validate something like: */

div[id*='myStandarKey-**12**'].myClass{

}

/* AND */

div[id*='myStandarKey-**13**'].myClass{

}

/* etc. */

其他回答

继续Ajm的回答:

对于动态id或类选择组合->

div[id*='**myStandarKey-**'].myClass{

}

/* This is to validate something like: */

div[id*='myStandarKey-**12**'].myClass{

}

/* AND */

div[id*='myStandarKey-**13**'].myClass{

}

/* etc. */

我认为你们都错了。id与Class不是专一性的问题;它们有完全不同的逻辑用途。

id应该用于标识页面的特定部分:页眉、导航栏、主要文章、作者属性、页脚。

应该使用类将样式应用到页面。假设你有一个一般的杂志网站。网站上的每个页面都有相同的元素——标题、导航、主文章、边栏、页脚。但是你们的杂志有不同的版块——经济、体育、娱乐。你希望这三个部分有不同的外观——经济上保守而保守,体育运动活泼,娱乐方面活泼而年轻。

你可以使用类来实现。你不希望有多个id——#economics-article、#sports-article和#entertainment-article。这说不通啊。相反,您应该定义三个类,.economics、sports和.entertainment,然后为每个类定义#nav、#article和#footer id。

你可以在CSS中组合ID和Class,但是ID是唯一的,所以在CSS选择器中添加一个类会过度限定它。

用途:标签。id;在css中的标签变量中添加标签#类。

id应该是唯一的文档范围,所以您不应该基于两者进行选择。你可以用class="class1 class2"为一个元素指定多个类