Questions tagged «css-selectors»

我想对输入元素应用一些CSS，而我只想对未禁用并且没有提交类型的输入进行处理，在CSS下面是行不通的，也许有人可以向我解释如何添加它。 input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 4px 0 #66A3FF; }

138 css  css-selectors  pseudo-class 

当用户鼠标将鼠标悬停在其类名称为的元素上时，我尝试应用背景色"reMode_hover"。 但是我不想改变颜色，如果元素也有"reMode_selected" 注意：因为我在某种有限的环境中工作，所以只能使用CSS而不是JavaScript。 为了明确起见，我的目标是为悬停时的第一个元素着色，但不为第二个元素着色。 的HTML <a href="" title="Design" class="reMode_design reMode_hover"> <span>Design</span> </a> <a href="" title="Design" class="reMode_design reMode_hover reMode_selected"> <span>Design</span> </a> 我在下面尝试过，希望第一个定义有效，但事实并非如此。我究竟做错了什么？ 的CSS /* do not apply background-color so leave this empty */ .reMode_selected .reMode_hover:hover { } .reMode_hover:hover { background-color: #f0ac00; }

137 html  css  css-selectors 

有没有一种方法可以将Class样式仅应用于一个级别的td标签？ <style>.MyClass td {border: solid 1px red;}</style> <table class="MyClass"> <tr> <td> THIS SHOULD HAVE RED BORDERS </td> <td> THIS SHOULD HAVE RED BORDERS <table><tr><td>THIS SHOULD NOT HAVE ANY</td></tr></table> </td> </tr> </table>

136 css  css-selectors 

我已经知道：last-child。但是有没有选择div的方法： <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> 注意：没有jQuery，只有CSS

135 html  css  css-selectors 

CSS 2.1 :after和CSS 3 ::after伪选择器之间有什么功能上的区别（::after较旧的浏览器不支持）？使用新规范是否有实际原因？

132 css  css-selectors  pseudo-element  pseudo-class 

Наэтотвопросетьответына 堆栈溢出нарусском：Какпрописать：hoverвнутриstyle =''？ 是否有可能使用内联样式的伪类？ 例： <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> 我知道上述HTML不能正常运行，但是有类似的东西吗？ 附言：我知道我应该使用外部样式表，但确实如此。我只是好奇是否可以使用内联样式来完成。

131 html  css  css-selectors  pseudo-class  inline-styles 

使用标准列表，我尝试选择最后2个列表项。我有多种排列方式，An+B但似乎没有什么可以选择最后2种： li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /* selects first two only */ li:nth-child(-n-2) {} /* selects nothing */ 我知道像CSS3这样的新选择器，:nth-last-child()但如果可能的话，我更喜欢一些可以在更多浏览器中使用的选择器（不必特别在意IE）。

130 css  css-selectors 

使用这种语法有什么意义 div.card > div.name 这有什么区别 div.card div.name

126 css  css-selectors 

我正在使用jQuery的选择器，尤其是id选择器： $("#elementId")... 我应该如何确定jQuery是否找到了元素？即使具有指定ID的元素不存在，下一条语句也会给我：[object Object] alert($("#idThatDoesnotexist"));

126 jquery  css-selectors 

我刚刚发现了Sass，对此感到非常兴奋。 在我的网站中，我实现了一个树状的导航菜单，使用子组合器（E > F）设置了样式。 有什么方法可以在Sass中使用更简单（或更优）的语法来重写此代码？ #foo > ul > li > ul > li > a { color: red; }

125 css  css-selectors  sass 

研究特异性时，我偶然发现了这个博客- //www.htmldog.com/guides/cssadvanced/specificity/ 它指出，特异性是CSS的得分系统。它告诉我们元素值1分，类值10分，ID值100分。最重要的是，这些点是合计的，总数就是选择者的特异性。 例如： 身体 = 1点 身体.wrapper = 11点 身体.wrapper＃容器 = 111点 因此，使用这些要点，我期望以下CSS和HTML导致文本为蓝色： #a { color: red; } .a .b .c .d .e .f .g .h .i .j .k .l .m .n .o { color: blue; } <div class="a"> <div class="b"> <div class="c"> <div class="d"> <div class="e"> <div class="f"> …

124 css  css-selectors  css-specificity 

我正在尝试使用document.querySelectorAll所有具有value属性集的复选框。 页面上还有其他未value设置的复选框，并且每个复选框的值都不同。ID和名称不是唯一的。 例： <input type="checkbox" id="c2" name="c2" value="DE039230952"/> 如何仅选择已设置值的复选框？

124 javascript  css-selectors  selectors-api 

我不能告诉之间的区别element:first-child和element:first-of-type 例如说，您有一个div div:first-child → <div>作为其父级的第一个孩子的所有元素。 div:first-of-type →所有<div>元素都是<div>其父元素的第一个元素。 这似乎完全一样，但是它们的工作方式不同。 有人可以解释一下吗？

124 css  css-selectors 

我能够做到这一点： <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); 也就是说，我可以成功检索myDiv具有class 的元素的所有直接子级.foo。 问题是，我必须#myDiv在选择器中包含，这使我感到困扰，因为我正在myDiv元素上运行查询（因此显然是多余的）。 我应该能够离开#myDiv，但是选择器不是合法的语法，因为它以a开头>。 有谁知道如何编写一个选择器，该选择器仅获取运行选择器的元素的直接子代？

119 javascript  dom  css-selectors 

CSS中是否有类似！=（不相等）的内容？例如，我有以下代码： input { ... ... } 但是对于某些输入，我需要使此无效。我想通过在输入标签中添加“重置”类来做到这一点，例如 <input class="reset" ... /> 然后只需从CSS跳过此标签即可。 我该怎么做？ 我能看到的唯一方法是在输入标签中添加一些类，然后按如下所示重写CSS： input.mod { ... ... }

116 html  css  css-selectors