css-selectors相关内容

选择:first-child或:last-child不包含某个特定类

假设我们有一个包含5个项目的列表,并且我们要对第一个或最后一个孩子应用一些特定样式。但是这个列表的功能需要通过jQuery应用一个类来隐藏它的一些东西(我们叫它 .hide ),它会设置一个 应用于FIRST和LAST项是可见的,所以我想实现的是以某种方式跳过那些应用了 .hide 类的, 我已经尝试通过组合一些:not(.hide)和:first-child / :last-chil ..
发布时间:2017-02-04 15:56:44 前端开发

CSS属性选择器:如果自定义属性有值,应用类?此外,它将工作在IE7 +?

我想使用CSS属性选择器将类应用于某些跨度,但前提是它们有内容。我有一个自定义属性,只有当span具有内容:“entityvalue”时才有一个值。当使用下面的CSS时,它不会将类应用于任何元素,即使在HTML中的“entityvalue ='1634'”。 .ApplicationName [entityvalue =“*”] { display:inline; backgroun ..
发布时间:2017-02-04 13:53:15 前端开发

使用CSS选择器选择标签

我使用单选按钮仅从CSS创建标签。我遇到的问题是,我不知道如何选择引用单选按钮的 。我保持标签与内容分开,以便我可以将它们作为标签布置: 标签1 标签2 标签3 ..
发布时间:2017-02-04 11:35:41 前端开发

使第n个孩子在IE8和更低的工作

我使用以下代码: .c-1:first-child,.c-2 :first-child,.c-1:nth-​​child(4n + 1){margin-left:0; } 这是工作很好,但我需要模仿这个浏览器不支持nth-例如IE8。 我试过这个jQuery代码添加一个类但没有发生任何事情,这个代码是否正确? //在IE8中支持第n个子项 $('c- ..
发布时间:2017-01-21 00:48:27 前端开发

css或html5的第一个和最后一个元素

用户可以输入可能包含段落或列表的说明。或者他们可以只输入没有任何封闭 或 元素的文本。我需要做的是删除第一个元素上方和最后一个元素下面的大部分填充和边距,以便用户输入内容在其周围有一个紧密的边框。所以我可以做以下之一: 使用css规则我不知道只定位第一个和最后一个元素 使用css3或html5(我认为这里有一些东西可以轻松地做我想要的),希望大家升级他们的浏览器asap, ..
发布时间:2017-01-21 00:37:17 前端开发

有没有办法使用SCSS来模拟以前的兄弟选择?

我想了解更多关于采用SCSS的创意方法。我知道有人可能会使用jQuery来解决这个问题,但为了分离的关注,我想避免这个路由。 我有元素的流体长度列表(从1到4项长),其中一个我将分配类,如“主要”。我使用SCSS生成从1到4的列表长度的选择器,像这样: @for $ i从1通过4 { li:first-child:nth-​​last-child(#{$ i}), li:firs ..
发布时间:2017-01-21 00:03:37 前端开发

CSS当有2个类时,不推荐使用单个类

有一个div,它有两个类名。 like - code> 我想要的是,如果有 .AB {} .A {} AND .B {} 样式,仅使用 .AB {} style。 有可能吗? 解决方案 code> A ,那么它有类 A ,你不能“通过添加另一个类 B 。但我可以想出三种方法: “正常”方法 定义 .AB 规则覆盖 .A 或 ..
发布时间:2017-01-20 23:07:48 前端开发

使用JavaScript RegExp匹配CSS选择器

基本上,我需要模式匹配CSS文件中的任何和所有CSS选择器。理想情况下,它应该能够捕获所有这些规则(和任何其他规则,有人可以在一个CSS文件中组成)。这是一个JavaScript CSS解析器,如果这有助于所有。 #div div .child { } .somediv,#someotherdiv { } body:hover { } 到目前为 ..
发布时间:2017-01-20 23:03:03 前端开发

我可以使用CSS来基于子元素计数应用样式吗?

我有一种情况,其中 n 元素可以存在,任何可以删除。但是在只有一个元素的地方,应该禁用删除(最好是通过设置 display:none ): 只有一个项目: 我的问题是如果我可以这样做: DIV.items:ONLY_ONE_CHILD DIV.item BUTTON.delete { display:none; } 不可接受的答案,但在这种情况下,我想知道 ..
发布时间:2017-01-20 23:02:17 前端开发

组合:nth-​​of-type()和:not

我有一个奇怪的情况试图结合两个伪类::not 和:nth-​​of-type() 有一个:not([selector]):nth-​​of-type ]),我假设css会先应用:not 项目,然后再应用:nth-​​of-type 这里有一个jsfiddle演示了这个: http://jsfiddle.net/j7hjU/ 我可能在做这些? 解决方案 我假设css在应 ..
发布时间:2017-01-20 22:55:05 前端开发

CSS nth-child忽略前3个元素,风格化其他3个元素并重复。可能?

我知道第n个孩子是每第n个元素,但也许可以忽略前3个元素,风格化其他3和重复一个巨大的列表。我试着写每4n + 1,5n + 1和6n + 1将改变,但这也包括8,15等等,我不想被风格化。 我对nth-child的所有尝试都是无效的。 解决方案 http://jsfiddle.net/bhlaird/7c3aw/ 如果你想要你的模式重复每6个元素(3开,3关)使用6n。 di ..
发布时间:2017-01-20 22:50:57 前端开发