2015-01-20 54 views
-1

示例HTML:如何定位的itemid = 「」 在CSS

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

範例CSS:

#MenuContainer { 

    /* Styles */ 

} 

如何使用CSS來定位ItemID而不是常規的ID

+4

爲什麼你需要,爲什麼要編寫屬性而不是使用HTML5自定義數據屬性? – j08691 2015-01-20 22:07:56

+2

[在CSS中通過數據屬性選擇元素]的可能重複(http://stackoverflow.com/questions/5324415/select-elements-by-data-attribute-in-css) – knitevision 2015-01-20 22:11:43

+0

knitevision =多個帳戶。在她的代表上檢查連續投票。只是忽略它。這裏有很多這樣的人。 – 2015-01-20 22:23:21

回答

4

而不是#MenuContainer,使用此。

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

這將使用數據屬性(itemid的),並從HTML標記的值(MenuContainer中)。

看到這個http://jsfiddle.net/442hdc0p/

+0

爲什麼我收到2票棄權? – 2015-01-20 22:16:16

+1

是的,我同意。你是怎麼得到兩個反對票的?你回答我確實需要什麼。謝謝。當它讓我得到綠色檢查。 – 2015-01-20 22:20:00

+0

謝謝你,達斯汀,我相信它是knitevision。我檢查了她的聲譽,她在過去的系列降低投票方面失去了聲望。猜測多個帳戶。她並不高興,這個問題與其他人類似。 – 2015-01-20 22:22:20

-1

你應該甚至不打算這樣做。 相反,使用此元素的唯一類。 在您的示例中,您可以添加class="MenuContainer extraClass",然後在CSS中使用.extraClass { color: #FFF; }或其他來定義您需要的內容。

+1

也謝謝。你剛剛教會了一些新的東西,這對未來將會有所幫助。 – 2015-01-20 22:20:40

+0

嘿,我說了什麼錯誤?爲什麼倒票? – mrserge 2015-01-21 00:24:57