css - 定位css中的第一个元素+

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 中不起作用。