Question

在css中有相邻的选择器+ - 但是有人知道我将如何定位该选择器中的第一个元素。

即。我想在以下选择器中定位<div>：

div + p

提前致谢

Answer 1

如果这些div要包含在另一个元素中，也许你可以使用这个选择器：

http://w3schools.com/cssref/sel_firstchild.asp

div:first-child {  background-color:yellow; }

所以这将“选择并设置每个div元素，它是其父元素的第一个子元素”。所以，假设你的div是其父母的第一个孩子，你可以使用它。但是，我仍然没有看到这样做的实际原因。我建议只为这些div设置一个类并使用类选择器。

Answer 2

没有css选择器，但你可以实现一些css & html操作。写得像这样：

HTML

<div class="parent">
   <p>hover me</p>
   <div>hello</div>
</div>

<强> CSS

.parent{
    -moz-box-orient:vertical;
    -moz-box-direction:reverse;
    display: -moz-box;
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    display: -webkit-box;
    box-orient: vertical;
    box-direction: reverse;
    display:box;
}
p{
    color:red;
}
p:hover + div{
    color:green;
    font-size:30px;
}

选中此http://jsfiddle.net/LEh2W/1/

可能对你有帮助，但它在IE中不起作用。

在css <element> + <element> </element> </element>中定位第一个元素

2 个答案: