css-selectors相关内容
假设我们有一个包含5个项目的列表,并且我们要对第一个或最后一个孩子应用一些特定样式。但是这个列表的功能需要通过jQuery应用一个类来隐藏它的一些东西(我们叫它 .hide ),它会设置一个 应用于FIRST和LAST项是可见的,所以我想实现的是以某种方式跳过那些应用了 .hide 类的, 我已经尝试通过组合一些:not(.hide)和:first-child / :last-chil
..
我想知道为什么我不能缩进 h4 的:first-child 。 h4 元素的其余部分不应缩进。 HTML:
前7名男性最好的信息素科隆(吸引女性)
2014-01-16
..
我试图设计Y类的最后一个不是X类的元素。 示例HTML:
我已尝试过 .Y:not(.X):las
..
使用CSS,可以根据以下内容更改整个 的 background-color 是否检查 ? 示例
..
我有一个显示:flex 有3列的行和 flex-wrap 启用。在列之间是句柄 div s。当列包装时, div s应该会消失。 section {display:flex; flex-wrap:wrap; background-color:lightgray;} section * {margin:1ex; background-color:white;} section *〜* {ma
..
假设我有一个 div ,里面有一堆东西:
... 现在,我想为各种东西设计风格,但只有在 #Product div 。一般来说,我会这样做:
..
我想使用CSS属性选择器将类应用于某些跨度,但前提是它们有内容。我有一个自定义属性,只有当span具有内容:“entityvalue”时才有一个值。当使用下面的CSS时,它不会将类应用于任何元素,即使在HTML中的“entityvalue ='1634'”。 .ApplicationName [entityvalue =“*”] { display:inline; backgroun
..
我使用单选按钮仅从CSS创建标签。我遇到的问题是,我不知道如何选择引用单选按钮的 。我保持标签与内容分开,以便我可以将它们作为标签布置:
标签1 标签2 标签3
..
我使用以下代码: .c-1:first-child,.c-2 :first-child,.c-1:nth-child(4n + 1){margin-left:0; } 这是工作很好,但我需要模仿这个浏览器不支持nth-例如IE8。 我试过这个jQuery代码添加一个类但没有发生任何事情,这个代码是否正确? //在IE8中支持第n个子项 $('c-
..
用户可以输入可能包含段落或列表的说明。或者他们可以只输入没有任何封闭
或
元素的文本。我需要做的是删除第一个元素上方和最后一个元素下面的大部分填充和边距,以便用户输入内容在其周围有一个紧密的边框。所以我可以做以下之一: 使用css规则我不知道只定位第一个和最后一个元素 使用css3或html5(我认为这里有一些东西可以轻松地做我想要的),希望大家升级他们的浏览器asap,
..
我有一堆看起来像的元素。
..除了一些没有footer元素,只有一个头。我想给没有页脚的元素底部边框。我希望有类似的东西。 #hi:hasno(.footer){ border-
..
我在css中使用这样的东西 input [type = radio]:checked + label {color: 121212} 问题是这个checked属性在Internet-Explorer-8和7中不工作。 ifI使用这样 input [type = radio] label {color:$ 888888} 其工作正常
..
可能重复: CSS 3 content selector? 我想知道,使用CSS选择一个基于其内容的元素? 我意识到我可以使用这样的东西: .this [href =“./ foo.php”] { / *和样式... * / } 但是有一种基于内容选择的方法吗? 我有这个:
[续]
..
我想了解更多关于采用SCSS的创意方法。我知道有人可能会使用jQuery来解决这个问题,但为了分离的关注,我想避免这个路由。 我有元素的流体长度列表(从1到4项长),其中一个我将分配类,如“主要”。我使用SCSS生成从1到4的列表长度的选择器,像这样: @for $ i从1通过4 { li:first-child:nth-last-child(#{$ i}), li:firs
..
我有一个CSS选择器如下: #foo input [type = number] .form-control,#foo input [type = text] .form-control $ b b 是否有更简洁的语法: #foo input [type = number ,text] .form-control 这不起作用,但是类似吗? 解
..
有一个div,它有两个类名。 like -
code> 我想要的是,如果有 .AB {} .A {} AND .B {} 样式,仅使用 .AB {} style。 有可能吗? 解决方案 code> A ,那么它有类 A ,你不能“通过添加另一个类 B 。但我可以想出三种方法: “正常”方法 定义 .AB 规则覆盖 .A 或
..
基本上,我需要模式匹配CSS文件中的任何和所有CSS选择器。理想情况下,它应该能够捕获所有这些规则(和任何其他规则,有人可以在一个CSS文件中组成)。这是一个JavaScript CSS解析器,如果这有助于所有。 #div div .child { } .somediv,#someotherdiv { } body:hover { } 到目前为
..
我有一种情况,其中 n 元素可以存在,任何可以删除。但是在只有一个元素的地方,应该禁用删除(最好是通过设置 display:none ): 只有一个项目: 我的问题是如果我可以这样做: DIV.items:ONLY_ONE_CHILD DIV.item BUTTON.delete { display:none; } 不可接受的答案,但在这种情况下,我想知道
..
我有一个奇怪的情况试图结合两个伪类::not 和:nth-of-type() 有一个:not([selector]):nth-of-type ]),我假设css会先应用:not 项目,然后再应用:nth-of-type 这里有一个jsfiddle演示了这个: http://jsfiddle.net/j7hjU/ 我可能在做这些? 解决方案 我假设css在应
..
我知道第n个孩子是每第n个元素,但也许可以忽略前3个元素,风格化其他3和重复一个巨大的列表。我试着写每4n + 1,5n + 1和6n + 1将改变,但这也包括8,15等等,我不想被风格化。 我对nth-child的所有尝试都是无效的。 解决方案 http://jsfiddle.net/bhlaird/7c3aw/ 如果你想要你的模式重复每6个元素(3开,3关)使用6n。 di
..