css-selectors相关内容

如果HTML中的ID应该是唯一的,为什么有时我在Css看到像div#nav-blue?

由于ID在HTML中应该是唯一的,为什么有时候我看到的格式化为(div#nav-blue)的Css选择器,因为很明显没有其他元素具有这个ID的exccept,所以aint写入#nav-blue更有意义? 解决方案 它没有改变或有点。 您可以出于某种原因执行此操作:在维护代码时具有更高的可见性。更容易找到,并记住每种元素的风格。 第二个原因是选择器的优先级。 有一些不同的优 ..
发布时间:2017-01-20 19:32:47 前端开发

CSS有什么像jQuery的:has()?

在CSS(任何版本)中,是否有类似的东西,或任何其他方式做任何像:has()选择器在jQuery? jQuery(':has(selector)') 说明:选择 包含至少一个元素的元素, 匹配指定的选择器。 http://api.jquery.com/has-selector/ 解决方案 不,没有。 CSS的设计方式,不允许选择器匹配祖先或前面的兄弟姐妹;只有后代( ..
发布时间:2017-01-20 19:30:08 前端开发

定位位置:当前处于“卡住”状态的粘性元素

位置:粘性适用于某些移动设备浏览器,所以你可以使一个菜单栏滚动与页面,但然后坚持到视口的顶部,当用户滚动它。 但是如果你想重新修改你的粘性菜单栏略有什么时候,它目前“坚持”?例如,您可能希望栏在每次滚动页面时都具有圆角,但是一旦它粘在视口的顶部,您就要除去顶部圆角,并在下面添加一些阴影 有任何类型的伪选择器(例如 :: stuck )到目标元素 position:sticky 和目前正 ..
发布时间:2017-01-20 19:11:09 前端开发

CSS:当元素有两个类时的样式

我一直在查看 w3网页上的css选择器,并没有找到任何有希望的潜在客户,所以我想我会问... 有没有办法用两个类来定义单个元素的样式,如果是一个类? 示例: 黄色 橙色 a.foo {color:red; ..
发布时间:2017-01-20 19:06:06 前端开发

一般兄弟组合器(〜),不更新DOM更改,按预期工作?

我在这个问题上有过一次(这个问题不相关他的问题),并试图通过应用CSS选择器来解决它,取决于复选框是否被勾选。我的想法是,如果有一个元素:checked ,前面的提交按钮应该是可见的。我得到的CSS我想出了: input [type = checkbox]:checked〜input [type = submit] { display:block; } 现在,当页面加 ..
发布时间:2017-01-20 18:45:40 前端开发

选择最后一个孩子当奇数,2最后一个孩子当偶数

我在一个情况下,显示的元素数量是可变的,我需要一个奇怪的解决方案,我不能实现,我甚至怀疑,如果它是可实现的只有css。 如果元素的数量是奇数,我需要选择最后一个子元素,如果元素的数量是偶数,我需要选择最后一个子元素。 我一直在使用 nth-last-child ,:not nth-last-child()),奇数和偶数,但从来没有一个好的解决方案。 任何人都有任何想法/建议 b ..
发布时间:2017-01-20 18:07:21 前端开发

有没有办法使用CSS仅定义所有textareas值?

我想象这是直接的,但我无法找到任何东西,表明我可以使用CSS来定位非空文本区域的页面。 如果CSS绝对不支持这个,但是即使使用jQuery我找不到一种方法使用选择器,但必须显式检查.val()。 一些上下文:我有一个可选的textarea扩展焦点,但如果用户决定键入的东西,我不希望它再次收缩,当焦点离开。 解决方案 $('textarea:empty')它,但是我正在处理的文本 ..
发布时间:2017-01-20 18:02:29 前端开发