HTML 看起来像这样:
<div id="content_wide">
<div class="photo-center borderless"><img src="http://example.com/travel-path-map.png" alt="" title="" /></div>
...但出于某种原因，我似乎无法像这样定位照片中心 div:
#content_wide + .photo-center { margin-top:10px }
有趣的是，一个更通用的子选择器可以工作:
#content_wide > .photo-center { margin-top:10px }
想法？
最佳答案
photo-center 类的 div 位于 ID 为 content_wide 的 div 内，因此子选择器 (>) 可以工作。相邻选择器 (+) 仅在它们彼此相邻时才有效，类似于:
<div id="content_wide"><!-- content --></div>
<div class="photo-center borderless"><!-- more content --></iv>
关于CSS 相邻选择器问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6487048/