是否可以在<style>？</style>中指定子子类

Question

示例：

<style> div.Style1 div img { border: 3px red solid } </style>
...
<div class="Style1" id="divMain">
    <img src="http://someurl.com/someimg.jpg" /> <!--WON'T be styled-->
    <div id="divSub">
        <img src="http://someurl.com/someimg.jpg" /> <!--WILL be styled-->
    </div> <!--End of divSub-->
</div> <!--End of divMain-->

Answer 1

是。这个CSS：

div.Style1 div img { 
  border: 3px red solid;
} 

说：将border: 3px red solid;应用于img元素中的所有div个元素，而这些元素又在div个Style1作为类中

这是一个证明：

的jsfiddle

• http://jsfiddle.net/WZ3rk/

Answer 2

是的，有可能 - 尝试一下。虽然我会用

div.Style1 div.divSub img  { ... }

Answer 3

尝试这一点，它只选择作为div子级的图像，这些图像本身就是具有类Style1的元素的子级。

.Style1 > div > img {
  border: 3px red solid 
}