How to CSS style AngularJS directive?

Question

Assuming I have a directive \"mydirect\" with a template that contains a lot of divs with a lot of nested classes. For example:

Answer 1

As per google under and Angular directive creation logic In below example’s description object, setting two config components. First, we’re setting the restrict config option. The restrict option is used to specify how a directive can be invoked on the page.

As we saw before, there are four different ways to invoke a directive, so there are four valid options for restrict:

'A' -  
'E' -  
'C' -  
'M' -