苦苦于让这个CSS类选择器工作

Question

我有一个CSS规则:

.ajaxwebfont a {text-transform:lowercase;}

我希望它匹配的HTML是:

<a class="fa fa-check-square-o ss-prime ss-cmd ajaxwebfont" href="..">Click me</a>

正如您所看到的,目标元素中还有其他类用于定义webfont.但是我希望我只需要匹配"ajaxwebfont".

思想赞赏.

Answer 1

选择器应该是a.ajaxwebfont因为它是a具有该类的anchor()元素.

.ajaxwebfont a将引用a父元素中具有类的任何标记ajaxwebfont.

当你在两个值之间添加一个空格时,意味着第二个是第一个的孩子

.demo #sample /* refers an element with id=sample under a parent with class=demo */
a .demo /* refers an element with class=demo under a parent anchor tag */

没有空间意味着两者都是相同的元素.

a.ajaxwebfont /* refers an element with class=ajaxwebfont which is also an anchor tag */
.demo.ajaxwebfont /* refers an element with class=ajaxwebfont which also has clss=demo */
#demo.ajaxwebfont /* refers an element with class=ajaxwebfont which also has id=demo */