我有以下代码:
<div class="togglearea">
<div class="toggle">
<h3>Titulo</h3>
</div>
</div>
<div class="togglearea">
<div class="toggle">Titulo 2</div>
</div>
我已经尝试(通过css和javascript)失败,如果.togglearea
有 a ,则h3
适用.togglearea
于margin-left
. 30px
但我只能将更改应用于 h3 或所有 .togglearea
正如我在评论中所说,仅使用 CSS 无法完成,因为(目前)没有祖先或上级兄弟姐妹的选择器。使用 Javascript/jQuery 会很容易,你可以这样做:
虽然我说了单靠 CSS 是做不到的,但是有办法不用 JS 也能做到,但必须满足一定的限制:
h3
必须是第一个元素。h3
h3
这个想法是在使用兄弟选择器旁边为所有元素设置 30px 的边距~
。它会是这样的: