问题标签 [pseudo-class]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 为什么这个 CSS :not() 声明不过滤掉?
我想选择不是特定类的后代的跨度,我们称之为“否”。这是我的CSS:
这是HTML
两个问题:
- 为什么我的 CSS 同时适用于 yes 1 和 no 2?
如果我切换到通用选择器,为什么整个事情都会中断?
/li>
这是 JSFiddle 中的代码:http: //jsfiddle.net/stephaniehobson/JtNZm/
css - 在 li 或除 a、input、button 等之外的其他元素上使用 :focus 伪类
是否可以选择一个有焦点的元素,如 a:focus 或 input:focus,但在另一个元素上,如 div、li、span 或其他?
如果不可能,如何用标签代替?我试图在 li 元素聚焦时修改它的高度,尝试使用 a,但高度不会改变。
要求的信息:
“你能不能解释一下你是怎么把注意力放在李身上的?”
通过 CSS 选择器li:focus
。请参阅https://jsfiddle.net/s4nji/Rjqy5/。
html - CSS :selected 伪类类似于 :checked,但用于
有没有办法在元素中设置当前选定<option>
元素的样式<select>
?
然后我可以给当前选择的选项元素一个背景颜色吗?这样我就可以设置关闭下拉列表中当前可见的选项的样式。
jquery - ":first-of-type" 有效,":last-of-type" 无效
下面的 ":first-of-type" 对我有用,但 ":last-of-type" 不行。
即使通过 jQuery 计算元素的数量,我也会收到以下结果:
先感谢您。
css - 这个伪类排序不冲突吗?
我知道伪类必须为了不相互冲突。(双“按顺序”意图)
问题是我读到 CSS 从右到左读取(在找到匹配项时),这让我对此表示怀疑:
应该是a:focus,a:hover
还是像我现在拥有的那样好?
css - :last-child 伪类混淆
在这个 JSFiddle中,最后一个.tab
类没有得到正确的border-radius
效果(右上角的圆角)。
我想我的逻辑是正确的,在这种情况下:last-child
选择最后一个。.tab
.tabbed
我究竟做错了什么?
CSS:
HTML:
css - CSS3:未经检查的伪类
我知道有一个官方的 CSS3:checked
伪类,但是有一个:unchecked
伪类吗,它们有相同的浏览器支持吗?
Sitepoint 的参考资料没有提到,但是这个whatwg 规范(不管是什么)确实如此。
:checked
我知道将和伪类结合起来可以达到相同的结果:not()
,但我仍然很好奇:
编辑:
w3c 推荐相同的技术
可以使用否定伪类来选择未选中的复选框:
jquery - 我用 jQuery 改变了我的 a:link 颜色。现在我的 a:hover 不起作用
因为导航的颜色在特定图片上难以辨认,所以我希望它针对特定页面进行更改。这是HTML:
CSS
和 jQuery
很抱歉有大量的代码,但很难用语言表达。无论如何,初始颜色更改有效,但悬停不起作用 - 显然这很复杂,因为导航中的每个链接在悬停时都是不同的颜色......
非常感谢您,如果这是一个非常愚蠢的问题/被问了一千次但我找不到它,我们深表歉意。
jquery - 如何为伪元素制作悬停效果?
我有一个这样的设置:
这对于 CSS:
有没有办法给伪元素一个悬停效果,例如#button:before:hover {...}
,是否也可以让伪元素悬停以响应另一个悬停的元素,如下所示:#button:hover #button:before {...}
?只有 CSS 会很好,但 jQuery 也很好。
css - CSS 中的 html[lang="en"] 和 html:lang(en) 有什么区别?
CSS 语言伪类允许我们为不同的语言指定不同的样式,如下所示:
但是,这在 IE7 中不起作用,所以我一直在使用属性选择器:
他们似乎做同样的事情,但有什么细微的区别吗?如果没有,当属性选择器做完全相同的事情时,为什么 CSS 甚至还有一个语言伪类?