Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何正确选择这些元素?_Css_Css Selectors - Fatal编程技术网

Css 如何正确选择这些元素?

Css 如何正确选择这些元素?,css,css-selectors,Css,Css Selectors,但这也针对了那些演员,说不要针对我,我希望不要针对那些演员 当然,我们可以使用Id或类,但关键是要为所有对象声明一个通用规则 请注意。如果您希望样式仅应用于两个div的外部,则需要使用两个样式定义。第一个设置目标div的样式,第二个设置不目标内部div的样式: #main-content div>div { } 通常,未指定目标的内部div继承其父div的所有样式,因此为了消除该效果,必须再次显式重置所有这些样式 编辑 毕竟,如果目标不包括通常的CSS继承,Tim Medora的答案更

但这也针对了那些演员,说不要针对我,我希望不要针对那些演员

当然,我们可以使用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的答案更合适。我的回答也试图解释继承。

只需稍微细化选择器,以加强层次结构: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...
}