CSS选择任何标签的下一个孩子(CSS select next child of any tag)

在CSS中我可以说div > div来得到div之后的div 。 我可以说div *来获取div之后的所有元素。 但有没有办法在给定元素后直接获取任何元素/标签？ 像div > *类的东西。 这个dosnt工作，但任何长期的线条？

如果你不明白另一个例子。

代码1

<div> <ul> <li></li> </ul> </div>

代码2

<div> <dl> <dd></dd> </dl> </div>

我想要一个单独的CSS选择器，它能够在div （ ul ， dl ）之后得到标签。

In CSS I can say div > div to get the div right after a div. And i can say div * to get all elements after div. But is there a way to get any element / tag directly after the given element? Something like div > *. This dosnt work, but anything a long thous lines?

If you dont understand heres another example.

Code 1

<div> <ul> <li></li> </ul> </div>

Code 2

<div> <dl> <dd></dd> </dl> </div>

I want a single CSS selector that will be able to get the tag right after the div (ul,dl).

最满意答案

div > *:first-child

在jsFiddle上尝试一下。

div > *:first-child

Try it on jsFiddle.

CSS选择任何标签的下一个孩子(CSS select next child of any tag)

在CSS中我可以说div > div来得到div之后的div 。 我可以说div *来获取div之后的所有元素。 但有没有办法在给定元素后直接获取任何元素/标签？ 像div > *类的东西。 这个dosnt工作，但任何长期的线条？

如果你不明白另一个例子。

代码1

<div> <ul> <li></li> </ul> </div>

代码2

<div> <dl> <dd></dd> </dl> </div>

我想要一个单独的CSS选择器，它能够在div （ ul ， dl ）之后得到标签。

In CSS I can say div > div to get the div right after a div. And i can say div * to get all elements after div. But is there a way to get any element / tag directly after the given element? Something like div > *. This dosnt work, but anything a long thous lines?

If you dont understand heres another example.

Code 1

<div> <ul> <li></li> </ul> </div>

Code 2

<div> <dl> <dd></dd> </dl> </div>

I want a single CSS selector that will be able to get the tag right after the div (ul,dl).

最满意答案

div > *:first-child

在jsFiddle上尝试一下。

div > *:first-child

Try it on jsFiddle.