我想设置图像上方没有“ aside”的样式。我想在这里应用样式:
<div class='content'>
<img src='http://example.com'>
</div>
但是我不想在这里应用它:
<div class='content'>
<aside class='quote'>
<img src='http://example.com'>
</aside>
</div>
这是我正在尝试的CSS,但是没有运气...
.content :not(aside.quote) img { width:100%; }
如何获得合适的选择器来执行此操作?
>
符号创建一个CSS子选择器,用于查找元素的直接子代。
根据您的情况:
.content > img {
width:100%;
}