Perguntas com a marcação «css-selectors»

Eu tenho uma pergunta. Tenho elementos parecidos com este: <a> elemento com id = someGenerated Some: Same: 0: name <a> elemento com id = someGenerated Some: Same: 0: sobrenome <a> elemento com id = someGenerated Some: Same: 1: name <a> elemento com id = someGenerated Some: Same: 1: sobrenome Preciso …

95 css  css-selectors  webdriver 

Pelo que entendi, a especificação HTML5 permite que você use IDs que são números como este. <div id="1"></div> <div id="2"></div> Posso acessá-los usando, getElementByIdmas não com querySelector. Se eu tentar fazer o seguinte, obtenho SyntaxError: DOM Exception 12 no console. document.querySelector("#1") Estou curioso para saber por que usar números como …

94 javascript  html  css-selectors  selectors-api 

Como posso selecionar os elementos do link apenas do pai <ul>em uma lista como esta? <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> Então, em css ul li a, mas nãoul li ul li …

93 jquery  html  css  css-selectors 

Coisas como a:linkou div::after... Informações sobre a diferença parecem escassas.

93 css  css-selectors  pseudo-class  pseudo-element 

Estou tendo um inferno com este seletor CSS específico que não quer funcionar quando eu adiciono :not(:empty)a ele. Parece funcionar bem com qualquer combinação dos outros seletores: input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none } Se eu remover a :not(:empty)peça, funciona perfeitamente. Mesmo se eu mudar o seletor para input:not(:empty)ele ainda …

92 html  css  css-selectors 

Com a seguinte marcação, quero que um seletor CSS selecione todos, exceto o primeiro menu de seleção em cada div de opções - dos quais podem haver muitos: <div class="options"> <div class="opt1"> <select title="Please choose Warranty"> <option value="">Select Waranty</option> <option value="1">1 year guarantee</option> <option value="2">3 year guarantee</option> </select> </div> <div …

91 html  css  css-selectors 

Existe um seletor CSS que se aplica a atributos não vazios ? Usar :not([Data-Attribute=''])correspondências se o atributo também não existir . Estou procurando algo como [Data-Attribute!=''].

90 css  css-selectors 

Eu sei que posso direcionar elementos que têm um atributo específico em CSS, por exemplo: input[type=text] { font-family: Consolas; } Mas é possível direcionar elementos que têm um atributo de qualquer valor (exceto nada, ou seja, quando o atributo não foi adicionado ao elemento)? Mais ou menos algo como: a[rel=*] …

90 css  css-selectors 

Do jeito que w3schools as expressa , elas soam iguais. Referência CSS da W3Schools div + p Seleciona todos os <p>elementos que são colocados imediatamente após os <div>elementos div ~ p Seleciona todos os <p>elementos que são precedidos por um <div>elemento Se um <p>elemento está imediatamente após um <div>elemento, isso …

89 css  css-selectors 

Como aplico um efeito de foco em um aelemento, mas não a um aelemento com a classeactive ? a:hover(not: .active) Parece que algo está faltando.

89 html  css  css-selectors 

Isso seleciona todas as <B>tags diretamente precedidas por <A>tags: A+B { /* styling */ } Qual é o seletor para todas as <A>tags seguidas diretamente por <B>tags? Aqui está um exemplo de HTML adequado à minha pergunta: <a>some text</a> <b>some text</b>

88 css  css-selectors 

Estou trabalhando com o Selenium WebDriver 2.25.0 em um aplicativo da web multilíngue e principalmente testando o conteúdo da página (para idiomas diferentes como árabe, inglês, russo e assim por diante). Para a minha aplicação que é melhor de acordo com o desempenho e certifique-se de que deve ser compatível …

88 selenium  selenium-webdriver  xpath  css-selectors  webdriver 

Existe uma pseudo classe em CSS para especificar :not(:hover) Ou essa é a única maneira de especificar um item que não está sendo pairado? Passei por várias referências CSS3 e não vejo nenhuma menção de uma pseudo classe CSS para especificar o oposto de: hover.

87 css  css-selectors  pseudo-class 

Eu tenho uma classe .objectque tem um atributo chamado level. Quero obter uma lista de todos os diferentes valores de levelna página para poder selecionar o mais alto. Se eu fizer algo como: $(".object").attr("level") ... isso me dará uma lista de valores que são os valores do atributo de nível? …

86 jquery  css-selectors 

Existe uma maneira de estilizar o <option>elemento atualmente selecionado em um <select>elemento? Eu poderia então dar uma cor de fundo para o elemento de opção atualmente selecionado? Dessa forma, posso definir o estilo da opção que está atualmente visível no menu suspenso fechado.

86 html  css  css-selectors  pseudo-class