Diferencia entre clase y identificación

Clase VS ID

Las hojas de estilo en cascada (CSS) es un idioma que describe el aspecto y el formato de un documento escrito usando 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 utilizando el ID y los selectores de 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 clases.

Que es una clase?

En CSS, el selector de clases se puede utilizar para aplicar su propio estilo a un grupo de elementos. El selector de clases 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 mediante una parada completa (.). El siguiente es un ejemplo de un selector de clase definido en CSS.

.mi clase

color azul;

Font-Weight: Bold;

HTML puede consultar la clase definida en CSS utilizando la clase de atributo como se muestra a continuación.

Este es mi formato

Este es mi formato de nuevo

Como se muestra arriba, la misma clase podría usarse para múltiples elementos y un solo elemento puede usar múltiples clases. Cuando se usan múltiples 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

Que es una identificación?

En CSS, el selector de ID se puede utilizar para aplicar su propio estilo a un solo elemento único. En CSS, se identifica un selector de ID por un hash (#). El siguiente es un ejemplo de un selector de identificación definido en CSS.

#mi identificación

color rojo;

Text-Align: Right;

HTML puede consultar el selector de ID definido en CSS utilizando la ID de atributo como se muestra a continuación.

Este es mi formato de un selector de identificación

Los ID son únicos. Por lo tanto, cada elemento solo puede tener una sola ID y cada página puede tener un solo 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 (e.gramo. http: // myweb.com#my_id) El navegador intentará localizar automáticamente el elemento con la ID "my_id" y desplazar la página web para mostrar ese elemento. Esta es una razón por la cual la página debe tener un solo elemento con esa identificación específica, para que el navegador pueda localizar ese elemento.

¿Cuál es la diferencia entre clase e identificación??

Aunque tanto el selector de clases como el selector de identificación se pueden usar para aplicar su propio estilo a los elementos en una página web, tienen algunas diferencias importantes. El selector de clases se puede utilizar 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. Al usar IDS, cada elemento solo puede tener una sola ID y cada página puede tener un solo elemento con esa ID específica, pero la clase podría usarse para múltiples elementos y un solo elemento puede usar múltiples clases. Además, ID se puede usar para desplazar una página automáticamente para mostrar el elemento con esa identificación, pero esto no es posible con el selector de clases.