Css 如何正确选择这些元素?
但这也针对了那些演员,说不要针对我,我希望不要针对那些演员 当然,我们可以使用Id或类,但关键是要为所有对象声明一个通用规则Css 如何正确选择这些元素?,css,css-selectors,Css,Css Selectors,但这也针对了那些演员,说不要针对我,我希望不要针对那些演员 当然,我们可以使用Id或类,但关键是要为所有对象声明一个通用规则 请注意。如果您希望样式仅应用于两个div的外部,则需要使用两个样式定义。第一个设置目标div的样式,第二个设置不目标内部div的样式: #main-content div>div { } 通常,未指定目标的内部div继承其父div的所有样式,因此为了消除该效果,必须再次显式重置所有这些样式 编辑 毕竟,如果目标不包括通常的CSS继承,Tim Medora的答案更
请注意。如果您希望样式仅应用于两个div的外部,则需要使用两个样式定义。第一个设置目标div的样式,第二个设置不目标内部div的样式:
#main-content div>div {
}
通常,未指定目标的内部div继承其父div的所有样式,因此为了消除该效果,必须再次显式重置所有这些样式
编辑
毕竟,如果目标不包括通常的CSS继承,Tim Medora的答案更合适。我的回答也试图解释继承。如果希望样式仅应用于两个div的外部,则需要使用两个样式定义。第一个设置目标div的样式,第二个设置不目标内部div的样式:
#main-content div>div {
}
通常,未指定目标的内部div继承其父div的所有样式,因此为了消除该效果,必须再次显式重置所有这些样式
编辑
毕竟,如果目标不包括通常的CSS继承,Tim Medora的答案更合适。我的回答也试图解释继承。只需稍微细化选择器,以加强层次结构:main content>div>div 请注意,在使用结构选择器时,最好引用非泛型标记
示例:main content>NAV>UL比main content>DIV>DIV更有意义,只需稍微细化选择器,以加强层次结构:main content>DIV>DIV 请注意,在使用结构选择器时,最好引用非泛型标记 示例:main content>NAV>UL比main content>DIV>DIV更有意义 [dooes one]如何正确选择[指定的]元素 正确的方法是为要选择的项目指定一个指示其状态的类:
#main-content div>div {
/* set some styles */
}
#main-content div>div>div {
/* reset the styles defined before */
}
但是,如果无法修改标记,仍然可以使用链:
[dooes one]如何正确选择[指定的]元素
正确的方法是为要选择的项目指定一个指示其状态的类:
#main-content div>div {
/* set some styles */
}
#main-content div>div>div {
/* reset the styles defined before */
}
但是,如果无法修改标记,仍然可以使用链:
主要内容>div>div?阿格赫特!!!:ppp错过了>grr!!-我会自杀的p@TimMedora这是对的。原因如下:main content div获取main content下的所有div,包括'target me'div,这使得next>div返回'don't target me'div。我想这取决于您是否希望它与IE7/6/5兼容。@MattK我相信子符号在IE7上得到了很好的支持否?我只针对ie7及以上。顺便说一句,主要内容>div>div?阿格赫特!!!:ppp错过了>grr!!-我会自杀的p@TimMedora这是对的。原因如下:main content div获取main content下的所有div,包括'target me'div,这使得next>div返回'don't target me'div。我想这取决于您是否希望它与IE7/6/5兼容。@MattK我相信子符号在IE7上得到了很好的支持否?顺便说一句,我只针对ie7及以上。没必要。请参阅蒂姆·梅多拉的答案。@BoltClock取决于样式集。请参阅以获取一个反例。这取决于OP是否有兴趣阻止继承。。。样式是否被继承与选择父项无关。@Sirko如果我们声明两次值,一次用于set,另一次用于unset,为什么不直接设置它,并且当且仅当某些样式被继承时才覆盖它们?你怎么认为?我相信这对我来说是有意义的。@Mem同样的方法。这取决于你在哪里需要那种风格,在哪里不需要。请参阅蒂姆·梅多拉的答案。@BoltClock取决于样式集。请参阅以获取一个反例。这取决于OP是否有兴趣阻止继承。。。样式是否被继承与选择父项无关。@Sirko如果我们声明两次值,一次用于set,另一次用于unset,为什么不直接设置它,并且当且仅当某些样式被继承时才覆盖它们?你怎么认为?我相信这对我来说是有意义的。@Mem同样的方法。这取决于你在哪里需要那种风格,在哪里不需要;看到了吗?这只是普通的CSS继承。如果您希望在子元素上有不同的行为,您可以定义不同的选择器或类来覆盖父元素的行为。我没有语义上的理由在这里使用其他元素,然后使用div,因此我必须使用div。但这确实是一个很好的提示为了其他人,我必须说这是我得到的:div>div:我发誓永远不会做:main content>div>div>div>div:phaha,是的,你选择的级别越多,它就越难维持,性能也会受到影响,尽管>是一个相当容易的选择
浏览器要处理的tor。字体大小:粗体;看到了吗?这只是普通的CSS继承。如果您希望在子元素上有不同的行为,您可以定义不同的选择器或类来覆盖父元素的行为。我没有语义上的理由在这里使用其他元素,然后使用div,因此我必须使用div。但这确实是一个很好的提示为了其他人,我必须说这是我得到的:div>div:我发誓永远不会做:main content>div>div>div>div:phaha,是的,你选择的级别越多,维护起来就越困难,性能也会受到影响,尽管>对于浏览器来说是一个相当容易的选择。
.someclass {
...styles...
}
#main-content > div > div {
...styles...
}