问题标签 [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.

0 投票
3 回答
2568 浏览

css - 为什么这个 CSS :not() 声明不过滤掉?

我想选择不是特定类的后代的跨度,我们称之为“否”。这是我的CSS:

这是HTML

两个问题:

  1. 为什么我的 CSS 同时适用于 yes 1 和 no 2?
  2. 如果我切换到通用选择器,为什么整个事情都会中断?

    /li>

这是 JSFiddle 中的代码:http: //jsfiddle.net/stephaniehobson/JtNZm/

0 投票
2 回答
23883 浏览

css - 在 li 或除 a、input、button 等之外的其他元素上使用 :focus 伪类

是否可以选择一个有焦点的元素,如 a:focus 或 input:focus,但在另一个元素上,如 div、li、span 或其他?

如果不可能,如何用标签代替?我试图在 li 元素聚焦时修改它的高度,尝试使用 a,但高度不会改变。


要求的信息:

“你能不能解释一下你是怎么把注意力放在李身上的?”

通过 CSS 选择器li:focus。请参阅https://jsfiddle.net/s4nji/Rjqy5/

0 投票
4 回答
223898 浏览

html - CSS :selected 伪类类似于 :checked,但用于

有没有办法在元素中设置当前选定<option>元素的样式<select>

然后我可以给当前选择的选项元素一个背景颜色吗?这样我就可以设置关闭下拉列表中当前可见的选项的样式。

0 投票
3 回答
2713 浏览

jquery - ":first-of-type" 有效,":last-of-type" 无效

下面的 ":first-of-type" 对我有用,但 ":last-of-type" 不行。

即使通过 jQuery 计算元素的数量,我也会收到以下结果:

先感谢您。

0 投票
1 回答
133 浏览

css - 这个伪类排序不冲突吗?

我知道伪类必须为了不相互冲突。(双“按顺序”意图)

问题是我读到 CSS 从右到左读取(在找到匹配项时),这让我对此表示怀疑:

应该是a:focus,a:hover还是像我现在拥有的那样好?

0 投票
4 回答
1416 浏览

css - :last-child 伪类混淆

这个 JSFiddle中,最后一个.tab类没有得到正确的border-radius效果(右上角的圆角)。

我想我的逻辑是正确的,在这种情况下:last-child选择最后一个。.tab.tabbed

我究竟做错了什么?

CSS:

HTML:

0 投票
4 回答
157972 浏览

css - CSS3:未经检查的伪类

我知道有一个官方的 CSS3:checked伪类,但是有一个:unchecked伪类吗,它们有相同的浏览器支持吗?

Sitepoint 的参考资料没有提到,但是这个whatwg 规范(不管是什么)确实如此。

:checked我知道将和伪类结合起来可以达到相同的结果:not(),但我仍然很好奇:

编辑:

w3c 推荐相同的技术

可以使用否定伪类来选择未选中的复选框:

0 投票
1 回答
324 浏览

jquery - 我用 jQuery 改变了我的 a:link 颜色。现在我的 a:hover 不起作用

因为导航的颜色在特定图片上难以辨认,所以我希望它针对特定页面进行更改。这是HTML:

CSS

和 jQuery

很抱歉有大量的代码,但很难用语言表达。无论如何,初始颜色更改有效,但悬停不起作用 - 显然这很复杂,因为导航中的每个链接在悬停时都是不同的颜色......

非常感谢您,如果这是一个非常愚蠢的问题/被问了一千次但我找不到它,我们深表歉意。

0 投票
4 回答
74570 浏览

jquery - 如何为伪元素制作悬停效果?

我有一个这样的设置:

这对于 CSS:

有没有办法给伪元素一个悬停效果,例如#button:before:hover {...},是否也可以让伪元素悬停以响应另一个悬停的元素,如下所示:#button:hover #button:before {...}?只有 CSS 会很好,但 jQuery 也很好。

0 投票
4 回答
22978 浏览

css - CSS 中的 html[lang="en"] 和 html:lang(en) 有什么区别?

CSS 语言伪类允许我们为不同的语言指定不同的样式,如下所示:

但是,这在 IE7 中不起作用,所以我一直在使用属性选择器:

他们似乎做同样的事情,但有什么细微的区别吗?如果没有,当属性选择器做完全相同的事情时,为什么 CSS 甚至还有一个语言伪类?