【原創】css父類hover 子類感應出效果

.father{ width:200px; height:200px; border:1px solid #06C;}
 .children{ margin:50px auto; width:100px; height:100px; background:#33C; transition:border-radius 0.4s;}
 
 .father:hover .children{ border-radius: 50px;}

父類hover，子類感應出效果
<div class="father">
  <div class="children"></div>
</div>

應用場景：

css的操做，不少都是針對當前元素的直接操做。而此例子，是父類做爲hover對象，而後子類出效果。
（例子中用到了css3的過渡transition屬性。）

一點思考：
css的獲取對象操做的選擇器，不像jquery那麼方便，可是css3已經作了很大改進，之後css3我預計會繼續向jquery的選擇器靠攏。