与属性选择

结合类选择，我有以下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

回答

相关问题