Definición y Uso
El scoped atributo es un atributo booleano.
Cuando está presente, especifica que los estilos se aplican solamente a elemento primario de este elemento y elementos secundarios de ese elemento (no todo el documento).
Se aplica a
El scoped atributo se puede utilizar en el siguiente elemento:
| Elemento | Atributo |
|---|---|
| <style> | scoped |
Ejemplo
Utilice el scope atributo para especificar un estilo para un <div> elemento:
<div>
<style scoped>
h1 {color:red;}
p {color:blue;}
</style>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</div>
Inténtalo tú mismo " Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el atributo.
| Atributo | |||||
|---|---|---|---|---|---|
| scoped | No soportado | No soportado | 21.0 | No soportado | No soportado |