Tag: css selectors

CSS最后一个孩子（-1）

我正在寻找一个CSSselect器，让我select列表的最后一个孩子。 <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) dynamic方法： ul li:last-child(-1) 这当然不validation，也是第n个最后一个孩子似乎并没有提供一个dynamic的方式..我可以备份到JavaScript，但我想知道是否有一种CSS方式我忽略

使用CSS匹配一个空的input框

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

是否有可能select最后的n个项目与第n孩子？

使用标准列表，我试图select最后2个列表项。 我有An+B各种排列，但似乎没有select最后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 */ 我知道一个新的CSS3select器，如:nth-last-child()但我更喜欢在可能的情况下在更多的浏览器中工作的东西（尤其不关心IE）。

CSSselect器，>与空间

这个语法有什么意义 div.card > div.name 这有什么区别 div.card div.name

萨斯和组合的孩子select

我刚刚发现了Sass，而且我对此非常兴奋。 顺便说一下，在我的网站上，我实现了一个树形导航菜单，使用组合的子select器 （ E > F ）进行样式化。 有什么方法可以将这些代码重写为Sass上更简单（或更好）的语法？ #foo > ul > li > ul > li > a { color: red; }

CSSselect器 – 给定子元素

我正在寻找一个select器，将select所有元素，如果他们有一个特定的子元素。 例如，select所有<div>与一个孩子<span> 。 可能？

用CSSselect倒数第二个元素

我已经知道：最后一个孩子 但有没有办法selectdiv： <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!– THIS –> <div>c</div> </div> 注意：没有jQuery，只能用CSS

：之后vs ::之后

CSS 2.1 :after和CSS 3 ::after伪select器（除了旧版浏览器不支持::after ::after之间是否有任何function差异？ 是否有任何实际的理由使用新的规范？

CSS属性select器不工作一个href

我需要在CSS中使用属性select器来改变不同的颜色和图像的链接，但它不起作用。 我有这个HTML： <a href="/manual.pdf">A PDF File</a> 和这个CSS： a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { background: red; } 为什么不是背景红色？

CSS目标所有H标签

我想定位一个页面上的所有h1..h6元素。 我知道你可以这样做… h1, h2, h3, h4, h5, h6 { font-size: 1.2em; } 这可以使用CSS3或CSS4来实现吗？ 例如： [att^=h] { font-size: 1.2em; } 如果不能用CSS3或4，那么有什么创意的select？