html - CSS - 在不使用其样式的情况下在另一个样式列表中添加列表

Question

好吧，让我解释一下。

这是 HTML:

<ul class="children">
   <li class="bypostauthor">
    This image should have borders:
    <img width="67" height="67" src="http://i.imgur.com/BRUVD7s.jpg">
    <ul class="children">
     <li>
      This should NOT have borders:
      <img width="67" height="67" src="http://i.imgur.com/BRUVD7s.jpg"> 
     </li>
    </ul>
   </li>
</ul>

和 CSS:

.bypostauthor img{
 border:5px solid red;
}

我想为列表类 bypostauthor 中的图像添加边框，而不是列表中的图像。

参见 this fiddle例如。

不幸的是，我无法为图像本身添加一个独特的类。仅到父列表。

Answer 1

变化:

.bypostauthor img{
    border:5px solid red;
}

收件人:

.bypostauthor > img{
    border:5px solid red;
}

参见 Child Selectors