CSS有没有办法将样式写入包含类的类

Question

有没有办法为包含类子的类父编写样式？例如，我想要父的班级孩子 这就是我所拥有的：

<div class  = "parent">
    <div class  = "child">
    </div>
</div>

这就是我想要的：

<div class  = "parent" width = "300px">
    <div class  = "child">
    </div>
</div>

CSS应该是这样的吗？

.child .parent {
   width: 300px
}

Answer 1

这是一个jQuery解决方案。选择子元素，然后将宽度应用于父元素。

$(function() {
  $('.child').parent().width('200px');
});

.parent {
  background: blue;
}
.child {
  background: gray;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<div class="parent">
  <div class="child">
    <span>content</span>
  </div>
</div>