Denuncie   Favoritos   Indicar  

Especificidade

1. Especificidade

João Eduardo da Paz Silva
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?

0 0
  • Quote

    •   






    Patrocínio

    Site hospedado pelo provedor RedeHost.
    Linux banner

    Destaques

    Artigos

    Enviar mensagem ao usuário trabalhando com as opções do php.ini

    Meu Fork do Plugin de Integração do CVS para o KDevelop

    Compartilhando a tela do Computador no Celular via Deskreen

    Como Configurar um Túnel SSH Reverso para Acessar Sua Máquina Local a Partir de uma Máquina Remota

    Configuração para desligamento automatizado de Computadores em um Ambiente Comercial

    Dicas

    Criando uma VPC na AWS via CLI

    Multifuncional HP imprime mas não digitaliza

    Dica básica para escrever um Artigo.

    Como Exibir Imagens Aleatórias no Neofetch para Personalizar seu Terminal

    Visualizar a árvore de arquivos no terminal

    Tópicos

    Pegar a ultima ocorrencia viva (1)

    Pq me aparece isso quando fui atualizar o Ubuntu 24.10 no terminal? (1)

    Erro no cups.file (9)

    como coloco para instalar com esse erro. (13)

    Alguém sabe de documentos de texto e /ou vídeo aulas de certificações ... (1)

    Top 10 do mês

    Scripts

    [Shell Script] Criador de playlist

    [Shell Script] Instalador de programas

    [Python] Automação de scan de vulnerabilidades de URL

    [Python] Automação de scan de vulnerabilidades

    [Python] Script para analise de superficie de ataque

    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: