html - 父 div 的目标 css

Question

说我有以下标记

<div class="xxx yyy zzz"> <!-- This div is generated by JS and the class names change all the time -->
   <div class="aaa"> Hello </div>
</div>

如何在不知道仅使用 CSS 的父 div 的类名的情况下定位父 div 的 css？

Ex: parent.aaa { background: #fff; }

Answer 1

无法使用 CSS 定位元素的父级。会好的！

您可以使用 javascript 来查找元素，然后向父级添加一个类，然后为添加的类添加样式：

// javascript - jquery
$(".aaa").parent().addClass("parentClass");

// css
.parentClass {
    ... your styles ...
}

Answer 2

在 CSS 中没有父选择器，但您可以使用 Javascript

element.parentNode