css - precoz - papel film precio
Cómo diseñar un rol CSS (7)
En el siguiente HTML
<div id="content" role="main">
la identificación se puede acceder a través de #content en CSS. ¿Cómo accedo a role="main" ?
Accediendo así debería funcionar: #content[role="main"]
Claro que puedes hacerlo en este modo:
#content[role="main"]{
//style
}
La forma más rápida de escribir un selector que accede a ese div específico es simplemente usar
[role=main] {
/* CSS goes here */
}
Las respuestas anteriores no son incorrectas, pero confían en que uses un div o utilices el id específico. Con este selector, podrá tener todo tipo de marcado loco y aún así funcionará y evitará problemas de especificidad.
[role=main] {
background: rgba(48, 96, 144, 0.2);
}
div,
span {
padding: 5px;
margin: 5px;
display: inline-block;
}
<div id="content" role="main">
<span role="main">Hello</span>
</div>
Use los selectores de atributos CSS:
https://developer.mozilla.org/en-US/docs/CSS/Attribute_selectors
p.ej:
div[role=main]
nosotros podemos usar
element[role="ourRole"] {
requried style !important; /*for overriding the old css styles */
}
por favor use :
#content[role=main]{
your style here
}
sigue este hilo para más información
Selector de atributo CSS: ¿Aplicar clase si el atributo personalizado tiene valor? Además, ¿funcionará en IE7 +?
y aprende el selector de atributo css