1

introducir la descripción de la imagen aquí

 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)

introducir la descripción de la imagen aquí

12
  • no se ve la imagen
    – user75901
    el 27 dic. 2018 a las 13:49
  • hola, ahí está la imagen...puede que sea que estoy en una máquina con windows 7 y sea mu vieja? el 27 dic. 2018 a las 13:54
  • el file es .css ? porque en la pestaña parece ser un .cs, capas sea eso
    – Federico
    el 27 dic. 2018 a las 13:56
  • Hola @FedericoIannarelli, si fuese eso, sucedería que Atom tomaría la extension del archivo como C#, por lo que no sería su problema (dado que toma correctamente su sintaxis de css y la marca con los colores respectivos de la extensión), además de que en la barra lateral donde ves los archivos aparece correctamente su extensión.
    – jecorrales
    el 27 dic. 2018 a las 14:01
  • @GonzaloTorresDelFierro pero, realmente no entiendo tu pregunta, podrías dar una mayor explicación del problema que tienes? gracias.
    – jecorrales
    el 27 dic. 2018 a las 14:03

1 respuesta 1

3

Me 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)

Paso1

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.

Paso2

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

Paso3

Fuente


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:

Atom

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.

4
  • gracias, @Jheyman Mejia, efectivamente verifique lo que indicas, pero sigue apareciendo gris, el auto completado funciona perfecto, pero no se activa la propiedad, esto me está dando dolores de cabeza, casi que reinstalo todo atom para ver que pasa, ahora mi duda es si el sistema operativo que estoy usando tiene algo que ver, por que estoy en windoes 7 con una maquina mas viejita, antes usaba un i5 y no tenia estos problemas el 27 dic. 2018 a las 14:50
  • 1
    Valida que tengas actualizado el paquete grammar-selector. Está en la sección de Core Packages el 27 dic. 2018 a las 15:26
  • sabes. estuve verificando en el editor chrome, y verifiqué que las instrucciones de body, no estaban aplicadas, y las modifique directamente en la consola, y funciona, ahora también me di cuenta que el documento está bien con su link, y todo, probé otro editor, el notepad ++ y tampoco funcionó,, tal vez sea una estupidez, pero me ha gastado bastante tiempo. ( no se como adjuntar una imagen acá para mostrar mi consola), seguiré intentando @Jheyman Mejia el 27 dic. 2018 a las 15:34
  • @GonzaloTorresDelFierro acabo de actualizar mi respuesta el 28 dic. 2018 a las 18:36

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.