css - 努力使这个CSS类选择器起作用

我有一个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”上进行匹配即可。

思想表示赞赏。

最佳答案

选择器应为a.ajaxwebfont，因为它是具有该类的锚点（a）元素。

.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 */