Question

my markup is something like this:

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

I want to change the background colour of the anchor tag if the form is applied a class for ex: ng-dirty. The form gets applied this class by the angularJs framkework, when that happens I would want to highlight the ‘a’ tag by changing its background colour.

How can I do this using pure Css(or sass)?

Thanks,
Chris.

Answer 1

You could do this really simply with angular:

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

http://jsfiddle.net/XYTcL/