Css 使用具有相邻同级的属性选择器

我试图对相邻的类使用属性选择器。 然而，它似乎并不在一起工作

有没有其他方法可以让相邻的、不相同的兄弟姐妹应用css

我也试过这个，但运气不好：

.tbslant-uphill + .tbslant-downhill {margin-top: -120px;} 

---

属性选择器要求TBsland位于类名列表的开头，而在您的情况下则不是

您需要TBsland的选择器出现在列表中的任何位置

[class*="tbslant"] + [class*="tbslant"]

[class*=tbsland]+[class*=tbsland]{ 边缘顶部：20px； 背景：蓝色； } 部分{ 填充：1em； 背景：红色； }

---

这不是相邻同级组合符的问题，但是[class^=TBsland]没有选择这些元素中的任何一个作为开始。^=意思是“值以开头”-但是元素的class属性的内容不是以tbsland开头的。但是，第一个可以很好地工作-只要您纠正错误的HTML。

<section class="content-block bg-green slant-on tbslant-uphill"></div>
<section class="content-block bg-green slant-on tbslant-downhill”></div>

[class*="tbslant"] + [class*="tbslant"]