Questions tagged «css-selectors»

这应该很简单，但是我很难找到它的搜索词。 假设我有这个： <div class="a c">Foo</div> <div class="b c">Bar</div> 在CSS中，如何创建与“（.a或.b）和.c”匹配的选择器？ 我知道我可以这样做： .a.c,.b.c { /* CSS stuff */ } 但是，假设我将不得不大量使用各种逻辑组合来执行这种逻辑，是否有更好的语法？

176 html  css  css-selectors 

我想将CSS规则应用于其类之一与指定前缀匹配的任何元素。 例如，我想要一个规则，该规则将适用于以status-（A和C，但在以下代码段中不是B）开头的类的div ： <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class bar-class'></div> <div id='C' class='foo-class status-low-priority bar-class'></div> 某种组合： div[class|=status]和div[class~=status-] 它可以在CSS 2.1下执行吗？它可以在任何CSS规范下执行吗？ 注意：我知道我可以使用jQuery来模拟。

175 css  css-selectors 

<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> 我要选择#com19？ .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } 只要我div.something在commentList中有另一个作为实际的最后一个孩子，那就行不通。在这种情况下是否可以使用last-child选择器来选择的最后出现article.comment？ jsFiddle

174 html  css  css-selectors 

我想做的事情（显然不在IE中）是： p:not(.list):last-child + :text { margin-bottom: 10px; } 这将使文本节点具有页边空白。（甚至有可能吗？）如何使用CSS获得文本节点？

173 css  css-selectors 

我有一些链接，我想同时选择类和ID。 这是因为我有两种不同的行为。当一类链接获得一个类名时，它们会以一种方式起作用；当同一类链接获得另一个类名时，它们将表现出不同的行为。类名通过jquery切换。 因此，我必须能够同时选择一个链接类和ID。这可能吗？ 我试过了： $("a .save #country") 没有任何结果。

170 jquery  dom  jquery-selectors  css-selectors 

如何选择TD连续的第一个和最后一个？ tr > td[0], tr > td[-1] { /* styles */ }

170 css  css-selectors 

我正在寻找一个CSS选择器，该选择器使我可以选择列表的最后一个子元素。 <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <!-- select the pre last item dynamically no matter how long this list is --> <li>6</li> </ul> 静态方法： ul li:nth-child(5) 动态方法： ul li:last-child(-1) 哪一个当然不能验证，nth-last-child似乎也没有提供动态方式。

161 css  css-selectors 

一个棘手的CSS选择器问题，甚至不知道是否可能。 可以说这是HTML布局： <div></div> <div></div> <div></div> <div style="display:none"></div> <div style="display:none"></div> 我想选择div显示的最后一个（即不是display:none），div在给定示例中将是第三个。请注意，div实际页面上的s 数量可能会有所不同（甚至是个数display:none）。

161 html  css  css-selectors 

我多次听到jQuery最强大的资产就是它查询和操作DOM中元素的方式：您可以使用CSS查询创建复杂的查询，而这在常规javascript中是很难做到的。但是，据我所知，您可以使用Internet Explorer 8及更高版本支持的document.querySelector或来获得相同的结果document.querySelectorAll。 所以问题是这样的：如果可以用纯JavaScript实现最强大的资产，为什么要“冒险” jQuery的开销呢？ 我知道jQuery不仅具有CSS选择器，例如跨浏览器AJAX，漂亮的事件附加等。但是它的查询部分是jQuery实力的很大一部分！ 有什么想法吗？

161 javascript  jquery  html  css-selectors  jquery-selectors 

我已经在CSS文件中多次看到此字符，但我不知道其用法。谁能向我解释一下，并说明它们在简化页面样式中的作用？

159 css  css-selectors 

当父元素悬停时如何更改子元素的样式。如果可能的话，我希望使用CSS解决方案。有没有可能通过：hover CSS选择器解决方案。实际上，当面板上悬停时，我需要更改面板内选项栏的颜色。 希望支持所有主流浏览器。

155 css  css-selectors 

我想定位页面上的所有h标签。我知道你可以这样 h1, h2, h3, h4, h5, h6 { font: 32px/42px trajan-pro-1,trajan-pro-2; } 但是使用高级CSS选择器有没有更有效的方法呢？例如： [att^=h] { font: 32px/42px trajan-pro-1,trajan-pro-2; } （但显然这是行不通的）

154 css  css-selectors 

我目前正在使用readonly =“ readonly”来禁用字段。我现在正尝试使用CSS设置属性样式。我尝试使用 input[readonly] { /*styling info here*/ } 但由于某种原因，它无法正常工作。我也尝试过 input[readonly='readonly'] { /*styling info here*/ } 那也不起作用。 如何使用CSS设置readonly属性的样式？

150 html  css  css-selectors 

如何将样式应用于空的输入框？如果用户在输入字段中键入内容，则不应再应用样式。CSS有可能吗？我尝试了这个： input[value=""]

141 css  input  css-selectors 

我正在使用内联CSS（即style属性中的CSS ）制作HTML电子邮件签名，并且对于是否可以使用:before和:after伪元素感到好奇。 如果是这样，我将如何用内联CSS实现类似的东西？ td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; }

141 html  css  css-selectors  pseudo-element  inline-styles