Question

我的标记是这样的：

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

如果表单应用于ex：ng-dirty的类，我想更改锚标记的背景颜色。该表格由angularJs框架应用于此类，当发生这种情况时，我想通过更改其背景颜色来突出显示“a”标记。

我怎样才能使用纯Css（或sass）？

谢谢，克里斯。

Answer 1

没有针对此的特定CSS选择器，但您可以通过组合HTML更改＆amp;组合来实现预期效果。 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;
}

使用纯css检查此http://jsfiddle.net/8YnTw/。

Answer 2

你可以用angular实现这个：

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

http://jsfiddle.net/XYTcL/

Answer 3

使用下一个css应该可以工作：

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

Css父选择器取决于存在的另一个类

3 个答案: