Definição e Uso
O scoped é um atributo booleano.
Quando presente, ele especifica que os estilos se aplicam apenas a elemento pai deste elemento e elementos filho que do elemento (não todo o documento).
Aplica-se a
O scoped atributo pode ser utilizado no elemento seguinte:
Elemento | Atributo |
---|---|
<style> | scoped |
Exemplo
Use o scope atributo para especificar um estilo para um <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>
Tente você mesmo " Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente o atributo.
Atributo | |||||
---|---|---|---|---|---|
scoped | Não suportado | Não suportado | 21,0 | Não suportado | Não suportado |