程序设计 css-selectors

2

如何递归选择所有子元素？ div.dropdown, div.dropdown > * { color: red; } 此类仅在定义的className和所有直接子级上抛出一个类。您如何以一种简单的方式选择所有子节点，如下所示： div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > * > * > *, div.dropdown > * > * > * > * { color: red; }

407 css css-selectors

8

如何选择元素中除最后一个孩子以外的所有孩子？

我如何使用CSS3选择器选择除最后一个孩子以外的所有孩子？例如，要只得到最后一个孩子将是div:nth-last-child(1)。

371 css-selectors css

9

文本输入字段的CSS选择器？

如何使用CSS选择器定位“文本”类型的输入字段？

371 html css forms css-selectors html-input

8

CSS：not（：last-child）：选择器之后

我有一个元素列表，其样式如下： ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> 运行代码段隐藏结果展开摘要输出One | Two | Three | Four | Five |代替One | Two | Three | Four | Five 有谁知道如何使用CSS选择除最后一个元素以外的所有元素？您可以在此处查看:not()选择器的定义

368 css css-selectors pseudo-element

3

根据多个类别选择元素

我有一个样式规则，当它有两个类时，我想将其应用于标签。没有JavaScript，有什么方法可以执行此操作吗？换一种说法： <li class='left ui-class-selector'> 我想申请我的样式规则仅如果li有两个.left及.ui-class-selector类应用。

360 css css-selectors

6

如何为a：before和a：after编写：hover条件？

如何写:hover和:visited条件a:before？我正在尝试，a:before:hover但是没有用

346 css css-selectors pseudo-element pseudo-class

10

jQuery的“ this”的第一个孩子

我试图将“ this”从单击的范围传递到jQuery函数，然后可以在该单击的元素的第一个孩子上执行jQuery。似乎无法正确处理... <p onclick="toggleSection($(this));"><span class="redClass"></span></p> Javascript： function toggleSection(element) { element.toggleClass("redClass"); } 如何引用element的：first-child？

317 javascript jquery jquery-selectors css-selectors

6

是否有仅第一个直接子代的CSS选择器？

我有以下HTML <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> 以及以下样式： DIV.section DIV:first-child { ... } 由于某种原因，我不了解该样式已应用于“子内容1” <div>和“标题” <div>。我认为样式上的选择器仅适用于div的第一个直接子类，该子类带有“ section”类。如何更改选择器以获取所需的内容？

315 html css css-selectors

7

CSS可以检测元素包含的子级数目吗？

我可能在回答自己的问题，但我很好奇。我知道CSS可以选择父级的单个子级，但是如果其父级有一定数量的子级，则可以支持样式化容器的子级。例如 container:children(8) { // style the parent this way if there are 8 children } 我知道这听起来很奇怪，但是我的经理要求我检查一下，自己还没有找到任何东西，所以我决定在结束搜索之前转向SO。

303 css css-selectors

7

CSS子代与子代选择器

我对这两个选择器有些困惑。后代选择器是否： div p 选择所有p内div它是否是一个即时descedent？那么，如果p在另一个内部div，则仍会被选中？然后是子选择器： div > p 有什么不同？一个孩子意味着直系孩子吗？例如。 <div><p> 与 <div><div><p> 是否都将被选中？

298 css css-selectors

5

在CSS中指定多个属性选择器

做这样的事情的语法是什么： input[name="Sex" AND value="M"] 基本上，我想选择input具有属性name="Sex"和属性的元素value="M"： <input type="radio" name="Sex" value="M" /> 元件如以下应该没有被选择： <input type="radio" name="Sex" value="F" />

295 css attributes css-selectors

9

如何设置偶数和奇数元素的样式？

是否可以使用CSS伪类选择列表项的偶数和奇数实例？我希望以下内容会产生交替的颜色列表，但我会得到蓝色项目的列表： <html> <head> <style> li { color: blue } li:odd { color:green } li:even { color:red } </style> </head> <body> <ul> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> </ul> </body> </html>

281 html css css-selectors

4

如何一次将样式应用于多个类？

我希望两个名称不同的类在CSS中具有相同的属性。我不想重复代码。 .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> 运行代码段隐藏结果展开摘要由于两个类都在做同一件事，因此我应该能够将其合并为一个。我怎样才能做到这一点？

276 css css-selectors

7

：focus和：active有什么区别？

:focus和:active伪类之间有什么区别？

275 css css-selectors pseudo-class

2

如何使用CSS来获得特定编号的孩子？

我有一个table，其tds的动态创建。我知道如何生第一个和最后一个孩子，但我的问题是：有没有办法让第二个或第三个孩子使用CSS？

270 html css css-selectors

Questions tagged «css-selectors»