La presentación de su problema revela un problema adicional que está afectando su decisión: ya sea en línea el estilo o ocúltelo en un gran archivo CSS.
Sabes que la mejor elección es colocar las reglas de estilo relevantes en un archivo CSS. Desea colocar las reglas de estilo relevantes en un archivo CSS, pero se muestra intimidado por la tarea de administrar el archivo CSS.
La definición de las reglas de diseño en línea es menos dolorosa que mantener un archivo CSS grande. Los problemas que enfrenta con un gran archivo CSS solo empeorarán a medida que crezca el proyecto.
Necesita romper el archivo CSS grande en un conjunto de archivos CSS más manejables.
Un conjunto de archivos CSS puede ser mucho más fácil de administrar si tienen un nombre sensato y contienen reglas agrupadas apropiadamente.Puede optar por un archivo CSS para el diseño, uno para la tipografía, uno para los colores y quizás uno por página para cada página que sea significativamente diferente.
Un conjunto de archivos CSS es más fácil para usted, un único archivo CSS es mejor desde la perspectiva del rendimiento del usuario final.
Resolver estas dos necesidades conflictivas es sencillo: desarrolle con un conjunto de archivos CSS y haga que su proceso de compilación los combine en un solo archivo CSS (minimizado).
Probablemente lo incluiría, a menos que fuera uno de varios 'one-offs' en mi HTML. Entonces comenzaría a buscar similitudes y posibles clases. Pero sí, a veces en línea. –
Un breve comentario, si agregara esa regla a mi CSS, le daría una clase en lugar de una identificación, por lo que es más reutilizable. Aparte de eso, estaría de acuerdo con las respuestas existentes. – Fenton