有没有办法将特定的CSS样式附加到特定的组?

有没有办法将特定的CSS样式附加到特定的组?,css,css-selectors,Css,Css Selectors,我已经在一个样式表里做了样式。我需要它保持一种特定的风格。它的样式没有使用类,例如 .选择器{宽度:50px;} 李{ 填充:10px; } 现在我遇到了一个问题。我正在尝试重新设计li的样式,没有像示例代码中那样的任何类。例如 .选项{宽度:30px;} 李{ 填充:50px; } 我想知道的是,有没有办法将某些元素附加到另一个元素上。我不确定这是否有意义,但我正在尝试将一个LI应用于页面的某个部分,第二个LI应用于页面的另一部分。这在不使用类的情况下是可能的吗?我不能修改代码或添加类,否则脚

我已经在一个样式表里做了样式。我需要它保持一种特定的风格。它的样式没有使用类,例如 .选择器{宽度:50px;} 李{ 填充:10px; }

现在我遇到了一个问题。我正在尝试重新设计li的样式,没有像示例代码中那样的任何类。例如 .选项{宽度:30px;} 李{ 填充:50px; }


我想知道的是,有没有办法将某些元素附加到另一个元素上。我不确定这是否有意义,但我正在尝试将一个LI应用于页面的某个部分,第二个LI应用于页面的另一部分。这在不使用类的情况下是可能的吗?我不能修改代码或添加类,否则脚本无法工作。如果我说的有道理,有人能帮我吗。

一个非常常见的方法是

#content li { ... }
#sidebar li { ... }
因此,
li
在两个具有不同id的不同元素中的行为将不同。比如说,如果
content
是一个div,而
sidebar
是一个div,那么
li
在这两个div中的行为将不同

也可以是“类内”:

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


一种非常常见的方法是

#content li { ... }
#sidebar li { ... }
因此,
li
在两个具有不同id的不同元素中的行为将不同。比如说,如果
content
是一个div,而
sidebar
是一个div,那么
li
在这两个div中的行为将不同

也可以是“类内”:

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


如果你不能添加类,这永远都不是最好的方法

如果
ul
s在同一容器中,您可以尝试:

ul:first-child li {}
这将允许您对第一个
ul
进行样式设置,然后选择通用:

ul li {}
我会照顾第二个

这种方法应该适用于除IE6之外的所有浏览器


動靜能量 解决方案是最理想的方法。

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

如果
ul
s在同一容器中,您可以尝试:

ul:first-child li {}
这将允许您对第一个
ul
进行样式设置,然后选择通用:

ul li {}
我会照顾第二个

这种方法应该适用于除IE6之外的所有浏览器

動靜能量 解决方案是最理想的方法。

看看选择器:您可以使用更多的组合。看看选择器:您可以使用更多的组合。顺便说一句,
符号根据元素的ID抓取元素。顺便说一句,
符号根据元素的ID抓取元素。