如何定位itemid =＆＃34;＆＃34;在CSS中

Question

示例HTML：

<div itemid="MenuContainer" id="MenuContainer" class="MenuContainer">

示例CSS：

#MenuContainer {

   /* Styles */

}

如何使用CSS定位ItemID而不是常规ID？

Answer 1

使用此功能代替#MenuContainer。

[itemid="MenuContainer"] { /*CSS STYLES*/ }

这将使用数据属性（itemid）和HTML标记中的值（MenuContainer）。

请参阅此http://jsfiddle.net/442hdc0p/

Answer 2

你甚至不应该尝试这样做。 相反，为此元素使用唯一类。 在您的示例中，您可以添加class="MenuContainer extraClass"，然后在CSS中使用.extraClass { color: #FFF; }或其他任何内容来定义您需要的内容。