CSS simplifica la tarea de mantener un documento web al separar su información de estilo, que incluye el tamaño de fuente, el color de fuente, el ancho de línea y el color de fondo. Esta separación le permite aplicar las mismas reglas de estilo a varias páginas web. CSS le permite aplicar un estilo varias veces en una sola página web. El estilo en un archivo CSS se define de acuerdo con las reglas de recomendación CSS que sugieren cómo se debe presentar una página web. Un archivo CSS contiene el código de estilo de la estructura, que incluye un encabezado, una lista, un párrafo y enlaces.
Ahora hablar de Cascading en CSS significa las reglas de estilo. Esta es la parte en la que CSS puede volverse innecesariamente complicado, incluso si la capacidad de usar la cascada es ocasionalmente útil.
Entonces, comencemos con esta pregunta: «¿Qué sucede si tiene dos clases de CSS que tienen propiedades en conflicto?» ¿Cuál “gana” y se aplica? Veamos el siguiente ejemplo.
Ejemplo:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<style>
h1 {
font-size: 40px;
text-align: center;
color: red;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<p>The second style gets applied because
it is applied after the first.</p>
</body>
</html>
Producción:
Tenemos dos propiedades de color con la misma etiqueta h1 . Entonces, ¿cuál se aplica? Aquí viene el papel de C en CSS, ya que son iguales, el que llega último gana. Entonces, en este caso, el h1 sería verde. Así que recuerda la regla: cuando todo es igual, se aplica el último.
¿Qué significa C en CSS? EN CASCADA. Entonces, en cascada significa que si enumeramos un estilo anteriormente en el documento y decimos que es de una manera, y luego en el documento, podemos decir que es de una manera diferente, lo que está más adelante en el documento gana. Los estilos de mayor precedencia anularán las reglas de menor precedencia.
Publicación traducida automáticamente
Artículo escrito por nitupandel001 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA