Articles of seletores css

Como combinar class e ID no seletor CSS?

Se eu tiver o seguinte div: Lorem Ipsum… Existe uma maneira de definir um estilo que expresse a ideia “Uma div com id=’content’ AND class=’myClass’ “? Ou você simplesmente segue um caminho ou outro como em Lorem Ipsum… Ou Lorem Ipsum…

O que faz um Asterisk (*) em um seletor CSS?

Eu encontrei este código CSS e eu corri para ver o que ele faz e delineou CADA elemento na página, Alguém pode explicar o que o Asterisk * faz no CSS? * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: 2px dotted orange } […]

Seletor CSS baseado no texto do elemento?

Duplicar Possível: Existe um seletor de CSS para elementos contendo determinado texto? Existe uma maneira de selecionar um elemento no css com base no texto do elemento? ie: li[text=*foo] foo bar Isso provavelmente não funciona. Edit: também só precisa apoiar o Chrome.

curinga * em CSS para classs

Eu tenho esses divs que estou estilizando com .tocolor , mas eu também preciso do identificador único 1,2,3,4 etc. então estou adicionando isso como outra class tocolor-1 . tocolor 1 tocolor 2 tocolor 3 tocolor 4 .tocolor{ background: red; } Existe uma maneira de ter apenas 1 class tocolor-* . Eu tentei usar um curinga […]

Seletor CSS ‘>’; O que é isso?

Duplicar Possível: O que significa “>” nas regras CSS? Eu vi o “maior que” ( > ) usado no código CSS algumas vezes, mas não consigo descobrir o que ele faz. O que isso faz?

Seletor de CSS que se aplica a elementos com duas classs

Existe uma maneira de selecionar um elemento com CSS com base no valor do atributo de class que está sendo definido para duas classs específicas. Por exemplo, digamos que eu tenha 3 divs: Hello Foo Hello World Hello Bar Qual CSS eu poderia escrever para selecionar SOMENTE o segundo elemento na lista, baseado no fato […]

Existe um seletor de CSS para nós de texto?

O que eu gostaria de fazer (não no IE, obviamente) é: p:not(.list):last-child + :text { margin-bottom: 10px; } Que daria um nó de texto uma margem. (Isso é possível?) Como eu obteria o nó de texto com CSS?

Existe um seletor de CSS por prefixo de class?

Eu quero aplicar uma regra CSS a qualquer elemento cuja uma das classs corresponda ao prefixo especificado. Por exemplo, eu quero uma regra que se aplique a div que tem uma class que começa com status- (A e C, mas não B no snippet a seguir): Algum tipo de combinação de: div[class|=status] e div[class~=status-] É […]

Seletor CSS para “foo que contém bar”?

Duplicar Possível: Existe um seletor pai de CSS? Existe uma maneira de fazer um Seletor de CSS que corresponda ao seguinte? All OBJECT elements which have a PARAM element inside of them O seletor OBJECT PARAM não funciona, pois corresponde ao PARAM, não ao OBJECTO. Gostaria de aplicar {display: none} aos objects; é inútil aplicar […]

Seletores CSS Child vs Descendant

Estou um pouco confuso entre esses 2 seletores. O seletor descendente : div p selecione todos os p dentro de um div se é ou não um descedent imediato? Então, se o p estiver dentro de outro div ele ainda será selecionado? Então o seletor filho : div > p Qual é a diferença? Uma […]