Dino Geek, intenta ayudarte

¿Cómo utilizar valores de atributos de datos en CSS?


Los atributos de los datos se pueden utilizar en CSS para estilizar elementos HTML con base en el valor del atributo de los datos. Los atributos de los datos son atributos personalizados que se pueden agregar a cualquier etiqueta HTML.

Aquí hay un ejemplo de cómo puedes utilizar valores de atributos de datos en CSS:

Si tienes un elemento HTML con un atributo de datos, podría lucir así:

```html

Texto de prueba

```

Puedes seleccionar este elemento en CSS utilizando el valor del atributo de los datos de la siguiente manera:

```css
div[data-status=“primary”] { background-color: blue; color: white;
}
```

Esto hará que el div que tiene un atributo de datos ‘status’ con el valor de ‘primary’, tenga un background-color azul y el color del texto sea blanco.

De la misma manera, si tienes elementos con diferentes valores de atributos de datos, por ejemplo:

```html

Texto de prueba

Otro texto de prueba

```

Puedes estilizarlos de manera diferente en CSS utilizando el valor del atributo de datos:

```css
div[data-status=“primary”] { background-color: blue; color: white;
}

div[data-status=“secondary”] { background-color: red; color: black;
}
```

Esto hará que el div con un atributo de datos ‘status’ con el valor de ‘primary’ tenga un fondo azul con texto blanco, y el div con un valor ‘secondary’ tenga un fondo rojo con texto negro.


Genera artículos simplemente para optimizar tu SEO
Genera artículos simplemente para optimizar tu SEO





DinoGeek ofrece artículos sencillos sobre tecnologías complejas

¿Desea ser citado en este artículo? Es muy sencillo, contáctenos en dino@eiki.fr.

CSS | NodeJS | DNS | DMARC | MAPI | NNTP | htaccess | PHP | HTTPS | Drupal | WEB3 | LLM | Wordpress | TLD | Nombre de dominio | IMAP | TCP | NFT | MariaDB | FTP | Zigbee | NMAP | SNMP | SEO | E-Mail | LXC | HTTP | MangoDB | SFTP | RAG | SSH | HTML | ChatGPT API | OSPF | JavaScript | Docker | OpenVZ | ChatGPT | VPS | ZIMBRA | SPF | UDP | Joomla | IPV6 | BGP | Django | Reactjs | DKIM | VMWare | RSYNC | Python | TFTP | Webdav | FAAS | Apache | IPV4 | LDAP | POP3 | SMTP

| Whispers of love (API) | Déclaration d'Amour |






Aviso legal / Condiciones generales de uso