我的标记是这样的:
<li class="cont">
<a> Click Here</a>
<form> </form>
</li>
如果表单应用于ex:ng-dirty的类,我想更改锚标记的背景颜色。该表格由angularJs框架应用于此类,当发生这种情况时,我想通过更改其背景颜色来突出显示“a”标记。
我怎样才能使用纯Css(或sass)?
谢谢, 克里斯。
答案 0 :(得分:2)
没有针对此的特定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/。
答案 1 :(得分:1)
你可以用angular实现这个:
<a ng-class="{'dirty-class': myForm.$dirty}"> Click Here</a>
<form name="myForm">
</form>
答案 2 :(得分:0)
使用下一个css应该可以工作:
.ng-dirty a {
background-color: red;
}