css selectors - CSS rule to apply only if element has BOTH classes

div.abc.xyz {     /* rules go here */ } 

... or simply:

.abc.xyz {     /* rules go here */ } 

Below applies to all tags with the following two classes

.abc.xyz {     width: 200px !important; } 

applies to div tags with the following two classes

div.abc.xyz {     width: 200px !important; } 

If you wanted to modify this using jQuery

$(document).ready(function() {   $("div.abc.xyz").width("200px"); }); 

If you need a progmatic solution this should work in jQuery:

$(".abc.xyz").css("width", 200); 

To get an attribute to show a specific value based on a boolean check, or be omitted entirely if the boolean check failed, I used the following:

ng-attr-example="{{params.type == 'test' ? 'itWasTest' : undefined }}"

Example usage:

<div ng-attr-class="{{params.type == 'test' ? 'itWasTest' : undefined }}">

Would output <div class="itWasTest"> or <div> based on the value of params.type