如何选择多个给定元素的子元素?
我有<div id='mydiv'>
,我需要选择所有pre
和div
元素,它们是#mydiv
的子元素。如何选择多个给定元素的子元素?
我能做到这样:
div#mydiv > pre, div#mydiv > div
但是,能不能做到让#mydiv
被引用一次?
div#mydiv > pre, div
将选择页面上的所有div
小号不管他们的#mydiv
孩子,所以逗号不是一个办法做到这一点。也许还有另一种我不知道的语法?
你必须参考#mydiv
两次......
#mydiv > pre, #mydiv > div
我删除了外来div
元素选择,作为标识是不够具体。
同意删除div限定符,但我没有看到问题中提到的jQuery或标签 - 也许只是把它写成CSS? – clairesuzy 2011-05-31 19:49:58
@clairesuzy很好的捕获...更新。 – Fosco 2011-05-31 19:50:38
这是LESS被设计处理的那种情况,看起来 – 2012-07-09 18:17:59
引用ID只有一次的唯一方法是与*
选择使用它:
#mydiv > * {
将适用于所有元素属于该分区的孩子。
取决于你打算应用什么样式这可能是可行的(我通常用这个来清除边距,填充和边框样式),但它仍然可能是最好的第一种方式,因为它可以更容易随后做出例外/更改。
就是这样......没有其他办法 – Teneff 2011-05-31 19:36:41
那么你不需要'div'在你的选择器的开头...... – Fosco 2011-05-31 19:39:02