努力獲得這個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」。

想法感激。

來源

2014-07-18 SamJolly

它應該是'a.ajaxwebfont'，因爲它是具有該類的'a'。 '.ajaxwebfont a'將引用父級元素中的任何'a'標籤，其類爲'ajaxwebfont'。 – Harry

@你應該把這個作爲答案，所以你得到應有的信用。 – SW4

好吧，它會從我+1。 – SW4

選擇器應該是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 */

來源

2014-07-18 15:28:30 Harry

當然是謝謝.... – SamJolly

這取決於其他類正在影響它。如果沒有其他課程正在應用文本轉換，則可以使用.ajaxwebfont。如果有什麼東西壓倒一切，那麼你必須比任何重寫它都更具體。

和ofc如上所述，該類在元素選擇符後面，但附加。 a.class

來源

2014-07-18 15:28:06 evu

努力獲得這個CSS類選擇工作

回答

相關問題