-4

É possível identificar CSS anterior?

O foco aqui é a class card.

Exemplo:

<div class="app">
        <div class="row">
            <div class="card">
                <label for="">Titulo</label>
                <div class="number">
                    120
                </div>
    
                <div class="number">
                    Bla bla bla
                </div>
            </div>
        </div>

        <div class="row"> 
            <div class="sm-6 md-6 lg-6">
                <div class="card">
                    <label for="">Titulo</label>
                    <div class="number">
                        120
                    </div>
        
                    <div class="number">
                        Bla bla bla
                    </div>
                </div>
            </div>
    </div>

Na primeira row a class card está sozinha. Na segunda row a class name está dentro de uma coluna representada pelas class sm-6 md-6 lg-6.

PERGUNTA

É possível aplicar um CSS ao card que está apenas em sm, md ou lg?

Obrigado.

5
  • @hkotsubo não, no meu caso é o inverso, gostaria de verificar para traz.
    – Tiago
    17/12/2021 às 13:49
  • 1
    Vc não quer estilizar o card que está dentro do sm? Então seria algo como .sm-6 > .card (ou sem o >, como explicado no link que indiquei). Ou vc quer estilizar o sm, desde que tenha um card dentro? Nesse caso, acho que seria duplicada dessa: pt.stackoverflow.com/q/510083/112052
    – hkotsubo
    17/12/2021 às 13:54
  • Tem como identificar apenas pelas letras? Exemplo VOU INVENTAR: .sm*, md*, lg* .card?
    – Tiago
    17/12/2021 às 13:58
  • 1
    Aí teria que ser algo assim - mas como não tem "ou", teria que ser um pro sm, outro pro md, etc - mas ainda não ficou claro, vc quer selecionar o card ou o pai dele?
    – hkotsubo
    17/12/2021 às 14:14
  • 3
    Problema XY, você está complicado uma coisa simples. Veja na perguta indicada como duplicada como selecionar um elemento descendente de outro baseado em suas classes [class="sm-6 md-6 lg-6"] > [class="card"]{ color: red; } 17/12/2021 às 14:26

1 Resposta 1

-2

Solução:

div[class^="sm-"] > .card, div[class^="md-"] > .card, div[class^="lg-"] > .card { ... }

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .