Selector de etiquetas
El selector de etiquetas también se denomina selector de tipo, que hace referencia directa al nombre de la etiqueta HTML y se utiliza para hacer coincidir todas las etiquetas con el mismo nombre.
-
Ventajas: fácil de usar, referencia directa, no es necesario agregar atributos a las etiquetas.
-
Desventajas: el rango de coincidencia es demasiado grande y la precisión no es suficiente.
-
El selector de etiquetas de uso común restablece el estilo predeterminado de cada etiqueta.
p{
font-size:12px;
color:red;
}
Selector de clase
El selector de clase tiene como prefijo un punto (.), Seguido de un nombre de clase.
Después de definir el atributo de clase en la etiqueta, establezca el valor del atributo en el nombre del selector de clase.
Puede asignar varios nombres de clase a la etiqueta (cada nombre de clase está separado por un espacio), para lograr más opciones
<style>
.red{
color:red;
}
</style>
<body>
<p class="red">
aaaaa
</p>
</body>
Selector de ID
El selector de ID tiene el prefijo de un signo de número (#), seguido de un nombre de ID.
Después de definir el atributo de identificación en la etiqueta, establezca el valor del atributo en el nombre del selector de identificación.
El valor de identificación de un elemento es único y solo puede corresponder a un elemento específico en el documento.
<style>
#red{
color:red;
}
</style>
<body>
<p id="red">
aaaaa
</p>
</body>
Selector de comodines
El selector de comodines se indica con un asterisco (*) y se usa para hacer coincidir todas las etiquetas del documento.
Por ejemplo, el siguiente código utiliza un selector comodín para definir estilos CSS y borrar los márgenes predeterminados de todas las etiquetas HTML.
* {
margin: 0; /* 定义外边距*/
padding: 0; /* 定义内边距*/
}
