Questions tagged «css-selectors»

有没有办法选择匹配（或不匹配）任意选择器的第n个孩子？例如，我要选择每个奇数表行，但要在行的子集内： table.myClass tr.row:nth-child(odd) { ... } <table class="myClass"> <tr> <td>Row <tr class="row"> <!-- I want this --> <td>Row <tr class="row"> <td>Row <tr class="row"> <!-- And this --> <td>Row </table> 但是，无论它们是否属于“ row”类，:nth-child()似乎似乎都在计算所有tr元素，因此我最终得到了一个偶数 “ row”元素，而不是我要寻找的两个元素。发生同样的事情:nth-of-type()。 有人可以解释为什么吗？

116 css  css-selectors 

:before同一元素是否可以有多个伪元素？ .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } 我正在尝试使用jQuery将上述样式应用于同一元素，但仅应用了最新样式，从未应用过它们。

116 css  css-selectors  pseudo-element  css-content 

是否有CSS选择器通过其内联样式属性值选择此元素？ <div style='display:block'>...</div> 就像是 div[cssAttribute=cssValue]

114 html  css  css-selectors  inline-styles 

我在页面上有以下HTML代码： <h4>Some text</h4> <p> Some more text! </p> 在我中，.css我有以下选择器来设置h4元素的样式。上面的HTML代码只是整个代码的一小部分；有div更多的包裹属于一个shadowbox： #sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4 { color : #614E43; margin-top : 5px; margin-left : 6px; } 因此，我的h4元素样式正确，但是我也想p在HTML中设置标签样式。 CSS选择器可能吗？如果是的话，我该怎么做？

113 html  css  css-selectors 

我注意到按钮和其他元素具有默认样式，其行为分为3个步骤：普通视图，悬停/焦点视图和mousedown /单击视图，在CSS中，我可以像这样更改普通视图和悬停视图的样式： button{ background:#333; color:#FFF; } button:hover{ background:#000; color:#EEE; } 但是如何选择mousedown？我想要这样的东西： button:mousedown{ //some styling } 谢谢

113 html  css  css-selectors 

我遇到了很大的麻烦，因为我需要对某些输入类型进行样式化。我有类似的东西： .registration_form_right input:not([type="radio") { //Nah. } 但是我也不想设置复选框的样式。 我试过了： .registration_form_right input:not([type="radio" && type="checkbox"]) .registration_form_right input:not([type="radio" && "checkbox"]) .registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"]) 如何使用&&？而且我需要尽快使用||，我认为用法将是相同的。 更新： 我仍然不知道如何使用||和&&正确。我在W3文档中找不到任何内容。

113 css  css-selectors  conditional-operator 

无论如何，LESS是否在其输出中应用直接子选择器（>）？ 以我的style.less，我想写一些类似的东西： .panel { ... > .control { ... } } 并让LESS生成如下内容： .panel > .control { ... }

112 css  css-selectors  less 

我在Google Chrome用户代理样式表中找到了以下CSS选择器： [type="checkbox" i] 什么i意思

112 css  css-selectors 

位置：sticky现在可在某些移动浏览器上使用，因此您可以使菜单栏随页面滚动，但是每当用户滚动通过时，便会停留在视口顶部。 但是，如果您想在当前“粘滞”时稍微改变粘滞菜单栏的样式，该怎么办？例如，您可能希望栏在页面上滚动时始终带有圆角，但是一旦它粘在视口的顶部，您就想摆脱顶部的圆角，并在其下方添加一个小阴影它。 是否有任何类型的伪选择器（例如::stuck）针对具有position: sticky 和当前粘附的元素？还是浏览器供应商正在准备中类似的东西？如果没有，我将在哪里提出要求？ 注意 javascript解决方案对此不利，因为在移动设备上scroll，用户释放手指时通常只会得到一个事件，因此JS无法知道滚动阈值通过的确切时间。

109 css  css-selectors  css-position 

由于IE7和IE8不支持伪元素（例如::after或::first-letter）的双冒号表示法，并且由于现代浏览器支持:after向后兼容的单冒号（例如），我应仅使用单冒号表示法以及何时使用IE8的市场份额下降到可以忽略的水平，然后回去查找/替换我的代码库？还是我都应该同时包括： .foo:after, .foo::after { /*styles*/ } 如果我关心IE8用户（可怜的朋友），单独使用double似乎很愚蠢。

108 css  internet-explorer-8  css-selectors  internet-explorer-7  pseudo-element 

我知道有一个官方的CSS3 :checked伪类，但是有一个:unchecked伪类，并且它们具有相同的浏览器支持吗？ Sitepoint的参考文献未提及任何内容，但是此whatwg规范（无论是哪种内容）都做了提及。 我知道将:checked和:not()伪类结合使用时可以达到相同的结果，但是我仍然很好奇： input[type="checkbox"]:not(:checked) { /* styles */ } 编辑： w3c推荐相同的技术 可以通过使用否定伪类来选择未选中的复选框： :not(:checked)

108 css  css-selectors  pseudo-class 

我的目标是在最后一个CSS上使用CSS li，但是它没有这样做。 #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div> 运行代码段隐藏结果展开摘要 如何只选择最后一个孩子？

106 css  css-selectors 

我正在制作一个非常高级的网站。我的问题：是否可以选择除:first-child和以外的所有其他子代:last-child？我知道有一个:not()选择器，但是不能与多个选择器一起使用，而不放在括号中。这就是我所拥有的： #navigation ul li:not(:first-child, :last-child) { background: url(images/UISegmentBarButtonmiddle@2x.png); background-size: contain; }

105 html  css  css-selectors 

CSS是否可以根据类型将所有输入作为目标？我有一个禁用类，可以在各种禁用表单元素上使用，并且我正在设置文本框的背景色，但是我不希望我的复选框获得该颜色。 我知道我可以使用单独的类来做到这一点，但如果可能的话，我宁愿使用CSS。我敢肯定，我可以在javascript中设置它，但是再次寻找CSS。 我的目标是IE7 +。所以我认为我不能使用CSS3。 编辑 使用CSS3，我可以做类似的事情吗？ INPUT[type='text']:disabled 甚至完全摆脱我的课... 编辑 好的，谢谢您的帮助！因此，这是一个选择器，它可以修改所有禁用的文本框和区域，而无需设置任何类，当我开始这个问题时，我从未想到这是可能的... INPUT[disabled][type='text'], TEXTAREA[disabled] { background-color: Silver; } 这在IE7中有效

105 css  internet-explorer  css-selectors 

这两个选择器有什么区别？ .classA.classB { border: 1px solid; } .classA .classB { border: 1px solid; }

104 css  css-selectors