與屬性選擇

結合類選擇，我有以下HTML：與屬性選擇

<a href="somelink.htm" class="button columns large-6">wide button</a> 
<a href="somelink.htm" class="button columns large-3">narrow button</a>

我使用屬性選擇器，並將其與button等級組合嘗試，但預期它不工作。

.button.[class*="large-"] { 
    font-size: 0.9em; 
}

我正確地使用這個，如果沒有，如何？

來源

2013-10-21 DAC84

你不需要第二個時期，不同的JavaScript [class*="large-"]不編譯返回找到的字符串，它只是評爲-是：

.button[class*="large-"] { 
    font-size: 0.9em; 
}

JS Fiddle demo。

來源

2013-10-21 15:31:48

我知道這將是一些簡單的像那個，謝謝。 – DAC84

你真的很受歡迎;我很高興得到了幫助！ :) –

試試這個：

a.button[class*=large] { 
font-size: 0.9em; 
}

來源

2013-10-21 15:31:55 Nelson

您正在使用attribute selector使用[class*="large-"]，所以你並不需要使用period(.)即類選擇這裏。只需簡單地寫這個

.button[class*="large-"] { 
    font-size: 0.9em; 
    color:red; 
}

JS Fiddle Demo

來源

2013-10-21 15:34:14 Sachin

.button[class*="large-"] { 
    font-size: 0.9em; 
} 

<a href="somelink.htm" class="button columns large-6">wide button</a> 
<a href="somelink.htm" class="button columns large-3">narrow button</a> 
<a href="somelink.htm" class="button columns large">narrow button</a> 
<a href="somelink.htm" class="large-2">narrow button</a>

這似乎工作

來源

2013-10-21 15:40:32 BlackScorp

回答

相關問題