Yo en lo particular ordeno el css por etiquetas, ID y clases (en ese orden) y por orden alfabetico, inclusive, tambien pongo en orden alfabetico todas las propiedades que tiene cada uno de estos, facilita mas la lectura, y es mas practico a la hora de buscar algo en la hoja de estilo
ahora bien, yo procuro darle estilo de tipografia a las etiquetas donde va solo el puro texto
(p, li, h1, h2, h3, etc. ), tambien hago uso de los selectores padres eh hijos.
por ultimo, si tengo clases que coinciden en 3 - 4 o mas propiedades, las defino una vez separado por una "," y defino las propiedades particulares que tienen cada una de ellas, ejemplo
Código:
.Circulo{
background-color:blue;
border-color:goldenrod;
border-radius:100%;
}
.Cuadrado{
background-color:green;
border-color:red;
}
.Triangulo{
background: linear-gradient(45deg, darkred 33%, transparent 0);
background-repeat:no-repeat;
background-size:200px 200px;
border-color:pink;
}
.Circulo, .Cuadrado, .Triangulo{
border:1px solid;
float:left;
height:200px;
margin:5px 10px;
padding:3px 6px;
width:200px;
}
espero que te ayude amigo
