如何爲數據屬性css

我想css爲我的數據屬性。我知道如何做前後，但它不適用於之前和之後。我將我的圖片標題我想改變這種顏色，字體大小，字體等。如何爲數據屬性css

<a href="products/Comfo-Back-Adirondack-Chair.jpg" class="ilightbox" data-caption="Adirondack Chair, PATC2400, Size : 32」 W x 36」 D x 40」 H"><img src="products/th/Comfo-Back-Adirondack-Chair.jpg" /></a>

看到數據字幕這是一個價值無法修復。如果修復，然後我可以但它不能修復，但怎麼辦。有什麼辦法嗎？

來源

2014-03-26 pagol

奇怪的是，對於所有純粹的知名度，[這個問題]（http://stackoverflow.com/questions/5324415/select-elements-by-data-attribute-in-css）不com在建議列表中（我剛剛檢查自己）。我想知道爲什麼。 – BoltClock

如果您想將樣式應用於'「Adirondack Chair，...」的值，您需要解釋它是如何呈現的。該屬性本身並不這樣做;它只是文本。 –

使用下面的屬性選擇：

[data-caption] { 
    /* rules */ 
}

如果你只想選擇其中屬性有一個給定值的元素：

[data-caption="this is the value"] { 
    /* rules */ 
}

瞭解更多關於不同類型的屬性選擇器在MDN

來源

2014-03-26 03:15:17 SomeKittens

如何爲數據屬性css

回答

相關問題