我有一个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”。
想法感激。
我有一个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
将指类别为ajaxwebfont
的父元素内的任何a
标记。
当您添加两个值之间的空间,这意味着第二个是第一个喜欢
.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 */
当然是谢谢.... – SamJolly
这取决于其他类正在影响它。如果没有其他课程正在应用文本转换,则可以使用.ajaxwebfont
。如果有什么东西压倒一切,那么你必须比任何重写它都更具体。
和ofc如上所述,该类在元素选择符后面,但附加。 a.class
它应该是'a.ajaxwebfont',因为它是具有该类的'a'。 '.ajaxwebfont a'将引用父级元素中的任何'a'标签,其类为'ajaxwebfont'。 – Harry
@你应该把这个作为答案,所以你得到应有的信用。 – SW4
好吧,它会从我+1。 – SW4