background-color: red;
text-align: center;
text-decoration: overline;
text-indent: inherit;
text-overflow: inherit;
en la imagen se ve: ( puede que sea un package que sea necesario, no me había pasado esto antes)
Stack Overflow en español es un sitio de preguntas y respuestas para programadores y profesionales de la informática. Solo te toma un minuto registrarte.
Regístrate para unirte a esta comunidadMe sucedió lo mismo hace algún tiempo.
Atom toma por defecto la extensión de tu archivo (.css .html .php, etc) y así mismo aplica a la sintaxis unos colores preestablecidos.
Si esto no sucede de forma automática, o está como texto plano, puedes cambiarlo de la siguiente manera.
Abajo del todo a la derecha vas a ver la sección donde se especifica el lenguaje a usar y por tanto a marcar (en el ejemplo, plain text)
Haciendo clic sobre esa opción, puedes cambiar el tipo de lenguaje que se va a aplicar en la sintaxis, puedes ver que son varios.
Por último, escoge el que deseas usar (puedes hacer este cambio manualmente las veces que desees). Como recomendación, y en caso de no ser así, deja por defecto Auto Detect
Actualización
Me quedó vagando tu pregunta en la mente, y me doy cuenta que no había intentado reproducir exactamente tu código CSS en mi editor Atom; para sorpresa mía, ocurre lo mismo que en tu imagen:
Esto sucede porque Atom (por defecto) resalta en color (en archivos CSS en este caso) únicamente las clases, los valores de color (hexadecimal, RGBA, etc), los valores de número (px
, %
, .rem
, etc), valores de duración (s
, ms
, etc), las pseudo-clases y los pseudo-elementos (:hover
, :focus
, ::after
, ::before
, etc) entre otros.
No resalta ni da color a propiedades con valores como display
, none
, relative
, auto
, absolute
y muchos más valores de tipo "texto".
Puedes validarlo tú mismo, por ejemplo, viendo en Atom la hoja de estilos de Bootstrap.
grammar-selector
. Está en la sección de Core Packages
el 27 dic. 2018 a las 15:26
.css
? porque en la pestaña parece ser un.cs
, capas sea eso