Especificidade
1. Especificidade
EduardoPaz
(usa Lubuntu)
Enviado em 20/01/2020 - 17:23h
Olá, consagrados. Agradeço pela atenção, primeiramente. Estou começando a estudar CSS pelo MDN e estou uma dúvida de especificidade dos seletores. Segue meu código:<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Specificity</title> <link rel="stylesheet" href="style.css"> <style> p { background-color: blue; } #divisao:first-child { background-color: pink; } </style> </head> <body> <div id="divisao"> <p class="better" id="winning">This is a paragraph.</p> </div> </body> </html>
Quando sobreponho o mouse nos seletores no VS Code, obtenho a especificidade (0, 0, 1) para p e (1, 1, 0) para #divisao:first-child.
Porém, ao exibir o documento no navegador, ele retorna o background azul.
Teoricamente, <p> teria que assumir um background rosa, e não azul, já que o próprio VS Code demarca a segunda regra do <style> com maior especificidade.
O que eu possa vir a ter errado?
Patrocínio
Site hospedado pelo provedor RedeHost.
Destaques
Artigos
Criar entrada (menuentry) ISO no Grub
Como gerar qualquer emoji ou símbolo unicode a partir do seu teclado
Dicas
Instalando o Pi-Hole versão v5.18.4 depois do lançamento da versão v6.0
Instalar o VIM 9.1 no Debian 12
Como saber o range de um IP público?
Muitas dificuldades ao instalar distro Linux em Notebook Sony Vaio PCG-6131L (VPCEA24FM)
Tópicos
Top 10 do mês
Scripts
A maior comunidade GNU/Linux da América Latina! Artigos, dicas, tutoriais, fórum, scripts e muito mais. Ideal para quem busca auto-ajuda.
Site hospedado por:
