的CSS家長選擇依賴於其他類存在

Question

我的標記是這樣的：

<li class="cont"> 
    <a> Click Here</a> 
    <form> </form> 
</li> 

我想如果窗體應用類爲前改變定位標記的背景色：NG-髒。表單通過angularJs framkework應用這個類，當發生這種情況時，我想通過更改其背景顏色來突出顯示'a'標籤。

我該如何使用純Css（或sass）來做到這一點？

謝謝， 克里斯。

Answer 1

您可以用角做到這一點真的很簡單：

<a ng-class="{'dirty-class': myForm.$dirty}"> Click Here</a> 
<form name="myForm"> 
</form> 

http://jsfiddle.net/XYTcL/

Answer 2

使用下一個CSS應該工作：

.ng-dirty a { 
    background-color: red; 
} 

Answer 3

有沒有具體的CSS選擇器這一點，但你可以實現慾望效果與組合HTML變更& box-direction:reverse;。像這樣寫：

HTML

<div class="cont"> 
<form class="ng-dirty"> 
    <input type="text" value="Hi"/> 
</form> 
<a> Click Here</a> 
</div> 

CSS

.cont{ 
    display:-moz-box; 
    display:box; 
    display:-webkit-box; 
    box-direction: reverse; 
    -moz-box-direction:reverse; 
    -webkit-box-direction:reverse; 
    -moz-box-orient:vertical; 
    -webkit-box-orient:vertical; 
    box-orient:vertical; 
} 
.cont > *{ 
    display:block; 
} 
.ng-dirty + a{ 
    background:yellow; 
} 

入住這http://jsfiddle.net/8YnTw/它與純CSS。