一个标签的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器

http://reference.sitepoint.com/css/adjacentsiblingselector