是否可以将特定CSS样式附加到特定组?

时间:2010-10-27 05:44:31

标签: css css3 css-selectors

我已经在样式表中设置了样式。我需要它来保持特定的风格。例如,它没有使用类的风格     .selectors {宽度:50像素;}     李{         填充:10px的;     }

现在我遇到了一个问题。我试图再次设置李的样式,没有任何类似我在示例代码中的类。例如     .options {width:30px;}     李{     填充:50像素;     }

我想知道的是,有没有办法将某些元素附加到另一个元素上。我不确定这是否有任何意义,但我试图将一个LI仅应用于页面的某个部分,而第二个应用于页面的另一部分。这可能不使用课程吗?我不能修改代码或添加类,否则脚本不起作用。如果我有任何意义,有人可以提供帮助。

2 个答案:

答案 0 :(得分:4)

一种非常常见的方法是

#content li { ... }
#sidebar li { ... }

所以li在具有不同ID的两个不同元素中的行为会有所不同。比如说,如果content是div,sidebar是div,那么li在这两个div中的行为会有所不同。

也可能是“在一个班级内”:

.items-to-watch-out-for li { ... }

这是一种避免“太多类”的好方法,这种方法被称为“类炎”,如本文所述:

http://www.ehow.com/how_2284990_classitis-html-css-descendant-selectors.html

答案 1 :(得分:0)

如果你不能添加类,它永远不会是最好的方式。

如果ul位于同一容器中,您可以尝试:

ul:first-child li {}

这样您就可以根据需要设置第一个ul的样式:

ul li {}

将照顾第二个。

除了IE6之外,此方法适用于所有浏览器。

http://www.quirksmode.org/css/contents.html#t17

动静能量解决方案是理想的方式。