Clase vs ID
Hojas de estilo en cascada (CSS) es un lenguaje que describe el aspecto y el formato de un documento escrito con un lenguaje de marcado. CSS se usa ampliamente para diseñar páginas web escritas en HTML. CSS permite especificar sus propios selectores de estilo además de aplicar estilos para elementos HTML. Esto se hace usando los selectores de ID y clase. Al especificar un estilo para un solo elemento único, se utiliza el selector de ID. Al especificar un estilo para un grupo de elementos, se utiliza el selector de clase.
¿Qué es una clase?
En CSS, el selector de clase se puede usar para aplicar su propio estilo a un grupo de elementos. El selector de clase se utiliza para aplicar un estilo específico a un conjunto de elementos con la misma clase. En CSS, un selector de clase se identifica con un punto (.). El siguiente es un ejemplo de un selector de clase definido en CSS.
.mi_clase {
color: azul;
fuente-peso: negrita;
}
HTML puede hacer referencia a la clase definida en CSS usando la clase de atributo como se muestra a continuación.
Este es mi formato
Este es mi formato otra vez
Como se muestra arriba, la misma clase puede usarse para múltiples elementos y un solo elemento puede usar múltiples clases. Cuando se utilizan varias clases en el mismo elemento, las clases se insertan en el atributo de clase delimitado por un espacio como se muestra a continuación.
Este es mi formato usando dos clases
¿Qué es una identificación?
En CSS, el selector de ID se puede usar para aplicar su propio estilo a un solo elemento único. En CSS, un selector de ID se identifica mediante un hash (). El siguiente es un ejemplo de un selector de ID definido en CSS.
mi_ID {
color: rojo;
text-align:right;
}
HTML puede hacer referencia al selector de ID definido en CSS usando el atributo id como se muestra a continuación.
Este es mi formulario de formato un selector de ID
Los ID son únicos. Por lo tanto, cada elemento solo puede tener una ID única y cada página puede tener solo un elemento con esa ID específica. Los ID tienen una característica importante que se puede usar con un navegador. Si la URL de la página contiene un valor hash (por ejemplo, https://myweb.commy_id), el navegador intentará ubicar automáticamente el elemento con el ID "my_id" y desplazarse por la página web para mostrar ese elemento. Esta es una de las razones por las que la página debe tener un solo elemento con esa ID específica, para que el navegador pueda ubicar ese elemento.
¿Cuál es la diferencia entre Clase e ID?
Aunque tanto el selector de clase como el selector de ID se pueden usar para aplicar su propio estilo a los elementos de una página web, tienen algunas diferencias importantes. El selector de clase se puede usar para aplicar su propio estilo a un grupo de elementos, mientras que el selector de ID se usa para aplicar un estilo a un elemento único y único. Cuando se utilizan ID, cada elemento solo puede tener un ID único y cada página puede tener solo un elemento con ese ID específico, pero Class podría usarse para varios elementos y un solo elemento puede usar varias Classes. Además, el ID se puede usar para desplazar una página automáticamente para mostrar el elemento con ese ID, pero esto no es posible con el selector de clase.
