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

回答

相关问题