Diferencia entre la clase y la identificación

Clase vs ID

Las hojas de estilo en cascada (CSS) son un lenguaje que describe el aspecto y el formato de un documento escrito con un lenguaje de marcas. CSS es ampliamente utilizado 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 el ID y los selectores de clase. Cuando se especifica un estilo para un único elemento único, se utiliza el selector de ID. Al especificar un estilo para un grupo de elementos, se utiliza el selector de clase.

Que 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 usa para aplicar un estilo específico a un conjunto de elementos con la misma clase. En CSS, un selector de clase se identifica con una parada completa (.). A continuación se muestra un ejemplo de un selector de clase definido en CSS.

.mi clase

color azul;

font-weight: negrita;

HTML puede referirse 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 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 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 único elemento único. En CSS, un selector de ID se identifica mediante un hash (#). A continuación se muestra un ejemplo de un selector de ID definido en CSS.

#mi identificación

color rojo;

text-align: right;

HTML puede referirse al selector de ID definido en CSS usando el ID de atributo como se muestra a continuación.

Este es mi formateo de un selector de ID.

Las identificaciones son únicas. Por lo tanto, cada elemento solo puede tener una única ID y cada página solo puede tener un único elemento con esa ID específica. Las ID tienen una característica importante que se puede usar con un navegador. Si la URL de la página contiene un valor de hash (por ejemplo, http: //myweb.com#my_id), el navegador intentará localizar automáticamente el elemento con el ID "my_id" y desplazará la página web para mostrar ese elemento. Esta es una de las razones por las que la página debe tener un único elemento con esa ID específica, para que el navegador pueda ubicar ese elemento.

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

Aunque el Selector de clase y 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 usan ID, cada elemento solo puede tener una única ID y cada página solo puede tener un único 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, se puede usar la ID para desplazarse una página automáticamente para mostrar el elemento con esa ID, pero esto no es posible con el selector de clase.