Realizando una pagia web me encuentro con la siguiente duda al momento de darle estilos en el documento de CSS, aqui un peqeño fragmento de un div que he hecho:
<div class="row" data-toggle="modal" data-target="#modalAddDir" data-backdrop="static" (click)="addDir()" id="new_dir">
<div class="col" id="cir_mas">
<div id="mas">+</div>
</div>
<div class="col" id="con_nu_dir" >
<div id="nueva_dir">
Añadir una nueva dirección
</div>
</div>
</div>
Como pueden ver tengo un div con class & id.
sin embargo me solitan que solo trabaje con clases al momento de darle estilos en CSS es decir que los ids que he colocado no los tome en cuenta. Como deberia escribir las clases cuando tengo clases por defecto como "row" y "col" las cuales a veces se encuentran anidadas y otras veces no, como es el caso de la clase "col" en mi ejemplo.
Como puedo darles estilos diferentes cuando las clases se repiten en diferentes divs y necesitan estilos específicos sin utilizar IDs.
Saludos.
<div class="col color-fondo"></div>
, en este caso col da las dimensiones y la clase color-fondo hace lo que describe, dar color al fondo , así se manejan las clases