CSS相邻选择器递归性?

CSS相邻选择器递归性?,css,Css,我想在一个图像上放置几行文本,它们之间的间隔相等 我认为使用相邻的选择器时: .text box+.text box{ 边缘顶端:40px; } 将在每个连续的文本框元素之间引入40 px的分隔,但我发现它只在第二个和第一个元素之间起作用,因此第三个元素与第二个元素放在相同的位置,即第一个元素的边距为40 px,而我预期第二个元素的边距为40 px,因此,从第一个元素得到40+40px的余量 有可能那样做吗 这是我的代码: CSS: 。文本框{ z指数:100; 位置:绝对位置; 右:600

我想在一个图像上放置几行文本,它们之间的间隔相等

我认为使用相邻的选择器时:

.text box+.text box{
边缘顶端:40px;
} 
将在每个连续的
文本框
元素之间引入40 px的分隔,但我发现它只在第二个和第一个元素之间起作用,因此第三个元素与第二个元素放在相同的位置,即第一个元素的边距为40 px,而我预期第二个元素的边距为40 px,因此,从第一个元素得到40+40px的余量

有可能那样做吗

这是我的代码: CSS:

。文本框{
z指数:100;
位置:绝对位置;
右:600px;
背景色:#404042;
颜色:#ffffff;
填充:6px 10px;
}
.文本框+.文本框{
利润率:40px 0px;
}
HTML:


一些文本
其他一些文本
其他一些文本

问题在于您的绝对位置。将其移除,即可应用边距


演示图像上方的文本(这似乎是目的):

不错,但是如果没有绝对定位,我如何将文本定位在图像上方?您可以将3个文本框放在一个div中,该div将绝对定位。
<div class="container">
    <div id="logo"><img src="images/image.jpg"></div>
    <div class="text-box">some text</div>
    <div class="text-box">some other text</div>
     <div class="text-box">some other text</div>
 </div>