一个标签的select器直接跟着另一个标签
这将select所有直接位于 <A>
标签之前的<B>
标签:
A+B { /* styling */ }
所有<A>
标签的select符是什么, 紧接着是<B>
标签?
这里是适合我的问题的示例HTML:
<a>some text</a> <b>some text</b>
你不能在CSS中。
编辑:为了更有帮助,如果您使用例如jQuery(一个JavaScript库),您可以使用.prev()
。
你的意思是风格A,因为它有一个B元素直接在里面或之后? 喜欢这个:
<A> <B> </B> </A> // OR <A> </A> <B> </B>
你还不能在CSS中做这样的事情。 Eric Meyer指出,这种select器已经在CSS邮件列表上讨论过很多次了,不可行。 核心WebKit开发人员之一的戴夫凯悦(Dave Hyatt)对于为什么不能做到这一点做了很好的解释。
查看: Shaun Inman的博客文章和Eric Meyer的评论 。
大卫·凯悦也是。
您只能做相反的事情:select所有直接位于标签之前的标签。
这在逻辑上等同于您的请求。
我经常用这个来标记许多checkbox的样式
CSS:
label+input { margin-left: 4px; }
DOM:
<input id="a" name="a" type="checkbox"/><label for="a">...</label> <input id="b" name="b" type="checkbox"/><label for="b">...</label> <input id="c" name="c" type="checkbox"/><label for="c">...</label>
你可以,但支持仍然是越野车。 那个名字是相邻的兄弟select器