Question

我有以下的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; 
} 

Answer 1

UPDATE：Figured這一點，你只需要真正指定你想要的樣式是這樣的：

div.selected[data-id='5'] { 
background-image: url("../img/category-selected.png") !important; 
} 

Answer 2

以下CSS的作品和一個完整的例子可在JSFiddle：

[data-id]{color: red;} 
[data-id="1"]{color: blue;}