问题标签 [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 投票
1 回答
174 浏览

css - Help with a pseudo-class, first-child

I am working on a CMS platform with limited access to the template files and want to try and control some of the layout with pseudo class but no luck yet. Can anyone see what is wrong with this structure and why my pseudo class is being ignored?

and i am trying something like this

so with this example I would think the stuff block would have a red border and more stuff would have a blue but it is all just blue.

Thanks for any help with this.

0 投票
16 回答
85402 浏览

ipad - 是否可以强制忽略 iPhone/iPad 用户的 :hover 伪类?

我的网站上有一些 css 菜单可以扩展:hover(没有 js)

这在 iDevices 上以一种半断的方式工作,例如点击将激活:hover规则并展开菜单,但随后点击其他地方不会删除:hover. 此外,如果元素内有一个链接,则:hover必须点击两次才能激活链接(第一次点击触发:hover,第二次点击触发链接)。

touchstart通过绑定事件,我已经能够使事情在 iphone 上运行良好。

问题是有时移动 safari 仍然选择:hover从 css 触发规则而不是我的touchstart事件!

我知道这是问题所在,因为当我:hover在 css 中手动禁用所有规则时,移动 safari 运行良好(但常规浏览器显然不再适用)。

:hover当用户在移动 safari 上时,有没有办法动态“取消”某些元素的规则?

在此处查看并比较 iOS 行为:http: //jsfiddle.net/74s35/3/ 注意:只有一些 css 属性会触发双击行为,例如 display:none; 但不是背景:红色;或文字装饰:下划线;

0 投票
1 回答
311 浏览

jquery - 访问 JQuery 中伪类的 CSS 样式?

如果我像这样定义按钮的 up 和 over 状态:

如何hover使用 JQuery 获取元素的所有状态样式?

$(".button:hover").css('color');...

0 投票
6 回答
249006 浏览

css - 如何选择具有给定类名的第一个、第二个或第三个元素?

如何在元素列表中选择某个元素?我有以下内容:

显然,我有适用于所有人的 CSS 类div.myclass {doing things},但我也希望能够.myclass像这样选择类的第一个、第二个或第三个 div,而不管它们在标记中的位置

.eq( index )几乎就像我目前使用的 jQuery index selection 一样,但我需要一个无脚本的替代方案。

具体来说,我正在寻找伪选择器,而不是添加另一个类或使用 ID 使事情正常工作。

0 投票
2 回答
1291 浏览

css - css :active 伪类仅适用于 IE7

任何人都可以告诉我伪类:css 中的active 仅适用于 IE7 吗?

您可以在以下网页上查看我的代码。 www.ercesar.com

更新 我的意思是它在 IE7 上的作用,一旦您单击菜单项,即使您离开菜单项,图像和背景图像也会发生变化。

我希望它有助于理解我的意思。

0 投票
1 回答
1371 浏览

css - 如何在 GWT 的 UiBinder 中使用 CSS 伪类?

我一直在使用GWT 的 UiBinder 文档推荐的内联样式方法。不过,我对如何在 UiBinder 中使用 CSS 伪类感到困惑;例如,假设我本来(没有 UiBinder)会有这个 CSS 规则:

我可以在 UiBinder 中实现该规则吗?

0 投票
3 回答
3144 浏览

css - :first-child 在上面动态插入不同类的元素时失败

因此,我遇到了一种情况,即插入不同类/id 的元素会破坏该 :first-child 上的所有 css 规则。

只要我在上面插入另一个类/id的元素,就像这样:

.nSub:first-child 的所有声明在 FF 3.6 和 Safari 4 中都被忽略。

编辑: 对不起,如果我没有说清楚:上面插入的元素应该没有类名“.nSub”

0 投票
3 回答
22899 浏览

internet-explorer - 在 IE7/IE8 中使用 :not() 伪类

有什么方法可以让:not()伪类在 Internet Explorer 7/8 中工作?是否有任何 javascript 可以做与 CSS3 相同的事情:not()

0 投票
2 回答
5066 浏览

css - 未知的伪元素或伪类:hover

我从来没有真正关注过这个问题,但我收到了以下错误:

在下面的代码

从什么时候开始 :hover 不是有效的 CSS,还有什么替代方法?

我已经看到到处都在使用这个...

0 投票
1 回答
706 浏览

jquery - 在 jQuery 中重新创建 CSS 伪类

我正在尝试使用 jQuery 向我的导航栏添加一个小动画。现在我有导航栏的子菜单从 display:none 更改为 display:block 与 css :hover 伪类。正如我所说,我正在尝试使用 jQuery 来执行此操作,因此我需要创建一个与我在 css 中使用的选择器相似的选择器。我使用的选择器只会显示它的子列表是:

这工作得很好,但是我显然不能在 jQuery 选择器中使用 :hover 伪类,我尝试使用这样的 .hover() 方法(这还没有任何动画):

但是,如果我将鼠标悬停在任何列表项上,这将显示所有子菜单。以下是几个 jsfiddle 示例:

css 的样子(以及我想用 jQuery 重新创建的内容):http: //jsfiddle.net/FHdLC/

上面 jQuery 代码的结果:http: //jsfiddle.net/LBK3T/

非常感谢您提供的任何帮助!