Notas introductorias de CSS 2: cuatro selectores básicos

1. Selector de etiquetas: use el nombre de la etiqueta como el nombre del selector

Función: puede seleccionar rápidamente el mismo tipo de etiquetas

Ventajas: puede establecer rápidamente un estilo uniforme para el mismo tipo de etiqueta en la página

Desventajas: no se puede diferenciar el estilo de la etiqueta

2. Selector de clases (más utilizado en desarrollo)

Ventajas: diferenciar el estilo del contenido de la etiqueta.
Sintaxis:

.类名 {
    
    
     属性1: 属性值;
     ...+
     }

utilizar

<标签 class="类名1 类名2 ...">

Nota: Los nombres de varias clases en realidad logran una extracción de elementos comunes , es decir, agrupan los mismos atributos en una clase.

3.Sintaxis del selector de id
:

     #类名{
    
    
     属性1: 属性值;
     .....
     }

utilizar:

<标签名 id="id选择器名">

Nota: El selector de id solo se puede llamar una vez, cuando el selector de id es llamado una vez por una etiqueta, ya no se puede usar

4.
Sintaxis del selector de comodines :

          * {
    
    
				属性1: 属性值;
				.....
				}

Rol: cambiar todas las etiquetas a un estilo uniforme

Resumen de selectores:
Inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/m0_52021758/article/details/113008349
Recomendado
Clasificación