我有以下的CSS:如何在css中分配數據屬性?
.map-menu .category.selected {
background-image: url("../img/category-selected.png");
}
但我想它賦值給中包含的數據屬性的元素。我可以指定一個CSS元素喜歡本作的數據元素,
[data-id='1] {
width: 400px;
}
..我只是不知道我必須這樣做,它也可以分配到這是在CSS的類別。我認爲這樣放置它可以工作,但不能讓它正確分配:
.map-menu .category.selected [data-id='1'] {
background-image: url("../img/category-selected1.png");
}
有人可以引導我在正確的方向嗎?我以前沒有在數據屬性中工作過。
這裏是用於它的HTML的例子:
<div class="category selected" data-id="1">Art Galleries</div>
UPDATE:想通了這一點,你就必須真正指定要風格類似這樣的內容:
div.selected[data-id='5'] {
background-image: url("../img/category-selected.png") !important;
}
正如語法突出顯示,你缺少一個結束語:'[data-id ='1']'。 [實施例](http://jsfiddle.net/79qQW/)。 – showdev
哦,那只是因爲stackoverflow的東西沒有正確格式。現在調整了。 – Mixmastermiike
你可以包括完整的示例CSS和HTML – jtorrescr