CSS相邻选择器问题

Question

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 }

思考？

Answer 1

带有类photo-center的div位于具有id的div内,content_wide因此子选择器(>)可以工作.相邻的selector(+)只有在它们彼此相邻时才有效,类似于:

<div id="content_wide"><!-- content --></div>
<div class="photo-center borderless"><!-- more content --></iv>