以這種方式鏈接CSS類是否有效？

我一直依靠以下技術一段時間。但我並沒有經常遇到它，而且我也無法找到有關它的信息。也許它有一個我不知道的專有名稱？我把它稱爲鏈接，因爲它看起來確實如此：將CSS類名稱鏈接在一起。但是，大多數情況下，在鏈接上進行搜索可以獲得有關jQuery的信息。以這種方式鏈接CSS類是否有效？

.button { 
    background-color:#ccc; 
} 
/* This is what I'm unsure of, notice there is no space between .button and .on */ 
/* If there were, .on apply to the child of .button, but that's not my intention */ 
.button.on { 
    background-color:#fff; 
}

它允許我使用單個類名（on）來區分多個元素的狀態。

<a class="button"></a> 
<a class="button on"></a> 
<a class="button-two"></a> 
<a class="button-two on"></a> 
<!-- etc... -->

這是非常方便的用動態網頁，當你需要切換使用單一類名的幾個元素的on類。

但它有效嗎？

來源

2011-08-01 Mohamad

這是完全有效的CSS .... 儘管IE6 /和IE7確實存在類鏈接的一些問題。

來源

2011-08-01 18:55:19 JonH

是的，它是有效的CSS，雖然它在IE6中不能正常工作 - 它只會應用最後一個類，而不是所有的類。您可以在主題上輸入read more over at CSS-Tricks.com。

來源

2011-08-01 18:57:48 Nightfirecat

對於不錯的鏈接+1。 – JonH

這是完全有效的，很常見。

你可以看到它在這個頁面：

a.comment-user.owner { 
    padding: 2px 5px; 
}

然而，IE6會忽略所有，但最後一堂課。
在IE6中，.a.b相當於.b。

來源

2011-08-01 18:58:15 SLaks

以這種方式鏈接CSS類是否有效？

回答

相關問題