2010-08-26 59 views
1

當使用「{(properties of x)}」選擇器時,是否可以將其他規則添加到css塊?CSS的「.x」屬性

我看過參考文獻,但找不到與「x屬性」相關的任何內容。一個鏈接將是美好的。我嘗試了以下兩種組合,但都沒有工作:

.dock li { (properties of grid_2; display:inline; background-color:#666;) } 
.dock li { display:inline; background-color:#666; (properties of grid_2) } 

非常感謝!

編輯

顯然,我看錯了一篇文章,認爲這樣的語法存在。我認爲可以創建一個類並讓它使用這種語法繼承另一個類的屬性,但顯然不是這種情況。

+2

呃...你的意思是將另一個元素(x)的CSS屬性應用於正在使用的元素? – 2010-08-26 15:56:06

+1

對不起,我認爲在CSS中有某種類型的功能,您可以創建一個類並使用(*的屬性)將其分配給另一個類的屬性......我誤讀了一篇文章,並以這個瘋狂的想法結束!我的錯! – Mohamad 2010-08-26 16:07:08

+0

我想我找到了OP所指的文章。請參見[本網站]上的「授予某些元素的網格屬性」部分(http://www.webdesignerdepot.com/2010/03/fight-divitis and and-class-itis-with-the-960-grid -系統/)。 – Anthony 2011-09-01 14:12:35

回答

3

CSS沒有這樣的功能。

+1

介意告訴我們OP要求的功能是什麼? – 2010-08-26 16:02:01

+0

@Yi:我假設你和你一樣(顯式繼承) – SLaks 2010-08-26 16:07:31

3

你所描述的是不可能的。我認爲還有其他兩種可能性。首先,您需要知道可以同時將幾種樣式應用於元素。我給你舉個例子:

li { font-size: 10pt; } 
.dock li { color: #ff0000; } 

所有列表中的項目將與10點的字體大小,只有那些含有碼頭類的元素內將紅色進行格式化。

我的第二個建議是,你試圖將兩個或多個類你的HTML元素,例如:

.grid li { font-size: 10pt; } 
.dock li { color: #ff0000; } 

現在把電網和碼頭類到HTML和元素將同時適用的樣式定義:

<ul class="grid dock"> ... 
不管你認爲最適合你的項目

:記得在第二樣式定義的屬性覆蓋第一個屬性(如果他們不都定義相同的屬性,不會有混亂) 。

1

也許你的問題是不是太奇怪了..

我的理解是,你想要做的事,如:

.a { prop1: val; prop2: val; } 
.b { prop3: val; prop4: val; } 
.c { .a; .b; prop5: val; prop6: val; } 

需要類.C繼承所有屬性和值.a和.b

如果這樣可以,您可以使用LESS來做到這一點。

要在您的網站中使用您的LESS代碼,您有不同的方式來執行此操作。

首先檢查原網站:LESS.org
如果你是在Mac上檢查這個網站:LESS APP + PLUGINS
如果你是在PC上less.js插件應該在您的網站更容易實現減:less.js usage

希望它有幫助。

快樂的編碼你們都! :)