Forzas importantes para un cambio na Cascada
Unha das mellores formas de aprender a codificar sitios web é mirar os códigos fonte doutros sitios. Esta práctica é a cantidade de profesionais da web que aprendeu a súa arte, especialmente nos días previos, había tantas opcións para cursos de deseño web , libros e sitios de formación en liña.
Se probas esta práctica e mires as follas de estilo en cascada (CSS) dun sitio, unha cousa que podes ver neste código é unha liña que di: importante.
¿Que significa isto e, igual de importante, como usa correctamente esa declaración nas follas de estilo?
A Cascada de CSS
Primeiro de todo, é importante entender que as follas de estilo en cascada en realidade son fervenzas , o que significa que se colocan nunha orde particular. En xeral, isto significa que os estilos se aplican na orde que leen o navegador. O primeiro estilo é aplicado e despois o segundo e así por diante.
Como resultado, se aparece un estilo na parte superior dunha folla de estilo e despois modifícase máis abaixo no documento, a segunda instancia dese estilo é a que se aplica nas posteriores instancias, e non a primeira. Basicamente, se dous estilos están dicindo o mesmo (o que significa que teñen o mesmo nivel de especificidade), úsase a última listada.
Por exemplo, imaxinemos que os seguintes estilos estaban contidos nunha folla de estilo. O texto do parágrafo sería representado en negro, aínda que a propiedade do primeiro estilo aplicada sexa vermella.
Isto ocorre porque o valor "negro" aparece segundo. Dado que o CSS é lido de arriba a abaixo, o estilo final é "negro" e, polo tanto, o que gaña.
p {cor: vermello; }
p {cor: negro; }
Como. Cambia a prioridade importante
Agora que entende como estas regras case idénticas son procesadas por CSS, podemos ver como a directiva importante cambia un pouco as cousas.
A directiva importante afecta a forma en que as túas citas en cascada CSS seguindo as regras que sentas son máis importantes e deben aplicarse. A regra que ten a directiva importante é sempre aplicada sempre que a regra apareza no documento CSS.
Para facer o texto do parágrafo sempre vermello, a partir do exemplo anterior, usarás:
p {cor: vermello; importante; }
p {cor: negro; }
Agora todo o texto aparecerá en vermello, aínda que o valor "negro" aparece segundo. ¡A directiva importante anula as regras normais da fervenza e dá ese estilo de especificidade moi alta.
Se absolutamente necesitas que os parágrafos aparezan en vermello, este estilo faríao, pero iso non significa que esta sexa unha boa práctica. Vexamos despois cando quizais queiras usar. Importante e cando non sexa apropiado.
Cando usar! Importante
A directiva importante é moi útil cando estás probando e depurando un sitio web. Se non está seguro de por que non se aplica un estilo e pensa que pode ser un problema de especificidade, pode engadir a declaración importante ao seu estilo para ver se iso resolve.
Se engade. Importante realmente soluciona o problema do estilo, acaba de determinar que é un problema de especificidade. Non obstante, non quere deixar ese código importante no seu lugar, só se colocou aí para fins de proba.
Unha vez que se realiza a proba, agora debería eliminar esa directiva e axustar o selector para lograr a especificidade que precisa para que o seu estilo funcione. Importante non debe abrir o camiño aos seus sitios de produción, en parte por mor de como cambia a fervenza normal.
Se se inclina demasiado na declaración importante para acadar os estilos desexados, terá finalmente unha folla de estilo chea de estilos importantes. Cambiará fundamentalmente a forma na que se procesa o CSS desta páxina. É unha práctica preguiceira que non é boa desde un punto de vista de xestión a longo prazo.
O uso é importante para a proba ou, nalgúns casos, cando absolutamente debe anular un estilo en liña que forma parte dun marco de tema ou modelo.
Mesmo nestes casos, utilice este enfoque o máis escasamente posible e, en cambio, busque escribir follas de estilo limpas que comprendan a fervenza.
Follas de estilo de usuario
Hai unha nota final sobre a directiva importante que é esencial para comprender. Esta directiva tamén foi posta en práctica para axudar aos usuarios da páxina web a facer fronte ás follas de estilo que fan que as páxinas sexan difíciles de usar ou ler.
Normalmente, se un usuario define unha folla de estilo para ver páxinas web, a folla de estilo da autorización da folla de estilo é anulada. Se o usuario marca un estilo tan importante, ese estilo anula a folla de estilo do autor da páxina web, mesmo se o autor marca unha regra como importante.
Isto é útil para os usuarios que precisan configurar estilos de certa maneira. Por exemplo, alguén pode ter que aumentar os tamaños de letra por defecto en todas as páxinas web que usan. Ao usar a súa directiva importante con moderación dentro das páxinas que constrúe, acomodará as necesidades especiais que os seus usuarios poidan ter.
Editado por Jeremy Girard