CSS規則新手

有沒有辦法簡化下面的css規則，以便.x-grid-row選擇器不必重複？CSS規則新手

#OpenRequestListGrid .x-grid-row, #MyRequestListGrid .x-grid-row { 
    line-height: 13px; 
    padding: 0 1px; 
    vertical-align: top; 
    background-color: #BBB; 
}

這裏的重要問題是我不想指定.x-grid-row本身，因爲此規則來自於較大的庫。

注意：也許我沒有說清楚第一次，但我不希望使用.X-格行，因爲這會影響我想獨自離開其他的網格。我想只針對我的兩個網格。我的目標是不重複每個網格ID兩次相同的配置。

HTML樣品：

<div id="dontChangeMe" class="x-grid-row"> 
<div id="OpenRequestListGrid" class="x-grid-row"> 
<div id="MyRequestListGrid" class="x-grid-row">

來源

2011-10-09 dbrin

如果你沒有任何其他的.x-grid-row，你可以做.x-grid-row {style ...}，否則你可以爲#Open ..和#My添加一個類..只是做.newClass .x格子行{樣式...} – galchen

沒有更多的信息（標記，也許），我不知道我怎麼能告訴。 –

您可以查看http://lesscss.org/。因爲添加代碼來刪除代碼很有意義。 –

所以答案是真的沒有另一種方式。重複元素ID，然後相同的選擇器是必要的。感謝所有回答的人。

來源

2011-10-13 01:14:41 dbrin

如何只使用.X-網格行或使用選擇是父母雙方#OpenRequestListGrid和#OpenRequestListGrid。

來源

2011-10-09 22:38:11 digout

還有其他我不想影響的網格已經有了這個選擇器。 – dbrin

CSS沒有變數，但是當你要選擇所有元素.x-grid-row您的文檔中，你應該把它簡化爲：

.x-grid-row { 
    line-height: 13px; 
    padding: 0 1px; 
    vertical-align: top; 
    background-color: #BBB; 
}

或者只是搜索您.x-grid-row時的共同的父談論的局部範圍和使用它像：

#common-parent .x-grid-row { 
    ... 
}

或

.common-parent .x-grid-row { 
    ... 
}

或任何其它CSS選擇器）

編輯

我只是重讀你的問題，當你想解決很多元素，只是指定你也可以使用一個全球性的選擇像.x-grid-row {...}像#inner-box .x-grid-row { ... }這樣的更多選擇器將數值僅更改爲默認，因爲只有幾個元素。

來源

2011-10-09 22:39:31 veritas

這就是我正在做的，這裏的問題是如果我可以做這樣的事情：#OpenRequestListGrid，#MyRequestListGrid .x-grid-row – dbrin

你能提供一些HTML的例子嗎？ – veritas

已添加到原始問題中。 – dbrin

回答

相關問題