Tag: css selectors

在LESS中的即时子select器

反正有没有应用直接的子select器(>)在其输出? 在我的style.less,我想写的东西,如: .panel { … > .control { … } } 并没有生成像这样的东西: .panel > .control { … }

:之后和:在萨斯的伪元素select器之前

如何使用:before和之后的伪元素select器遵循Sass的语法,或者SCSS? 喜欢这个: p margin: 2em auto > a color: red :before content: "" :after content: "* * *" 当然,以上失败。

将样式应用于td标签的第一级别

有没有一种方法可以将类的风格应用到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>

结合:之后:hover

我想要结合:after :hover在CSS(或任何其他伪select器)。 我基本上有一个列表, selected类的项目有一个箭头形状使用:after 。 我希望对于那些正在盘旋的对象也是如此,但是却无法完成它的工作。 这里是代码 #alertlist { list-style:none; width: 250px; } #alertlist li { padding: 5px 10px; border-bottom: 1px solid #e9e9e9; position:relative; } #alertlist li.selected, #alertlist li:hover { color: #f0f0f0; background-color: #303030; } #alertlist li.selected:after { position:absolute; top: 0; right:-10px; bottom:0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #303030; […]

CSS最后一个子select器:select特定类的最后一个元素,而不是父代的最后一个子元素?

<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> 我想select#com19 ? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } 只要我有另一个div.something作为最后一个孩子在commentList中实际上不工作。 在这种情况下是否可以使用最后一个子select器来selectarticle.comment的最后一个外观? 的jsfiddle

如何写IE 11的CSS黑客?

我怎么才能黑客或编写只有IE 11的CSS? 我有一个网站,在IE浏览器看起来不好11.我只是在这里和那里search,但没有find任何解决scheme呢。 有没有任何CSSselect器?

有没有CSS不等于select器?

在CSS中有没有像!=(不等于)? 例如,我有以下代码: input { … … } 但是对于一些input,我需要将其作废。 我想通过添加类“重置”到input标签,例如 <input class="reset" … /> 然后简单地从CSS中跳过这个标签。 我怎么能做到这一点? 我能看到的唯一方法是将一些类添加到input标记,并重写CSS,如下所示: input.mod { … … }

如何在CSS中使用“大于”或“>”字符?

我已经在CSS文件中多次看到过这个字符,但我不知道如何使用它。 任何人都可以解释给我,并显示它们如何使页面样式更容易有用吗?

如何select连续的第一个和最后一个TD?

你怎么能select连续的第一个和最后一个TD ? tr > td[0], tr > td[-1] { /* styles */ }

我怎样才能一次将样式应用到多个类?

我想要两个不同名称的类在CSS中具有相同的属性。 我不想重复这些代码。 .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> 既然两个class都做同样的事情,我应该可以把它合并成一个class。 我怎样才能做到这一点?