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

javascript - 从 JavaScript 设置 CSS 伪类规则

我正在寻找一种方法来从 JavaScript 更改伪类选择器(例如 :link、:hover 等)的 CSS 规则。

所以类似于 CSS 代码:a:hover { color: red }在 JS 中。

我在其他任何地方都找不到答案;如果有人知道这是浏览器不支持的东西,那也将是一个有用的结果。

0 投票
5 回答
38556 浏览

list - 替代非法

之内

  • 标签悬停?
  • 有没有人建议在<li>包含悬停弹出伪类的标签中创建段落类型的行空间?

    我有一个<span>弹出窗口a:hover,我希望弹出的文本分成 2 段。它适用<br>于FF,但我想做正确的事情(现在我发现它是错误的!)......

    html:

    CSS:

    0 投票
    5 回答
    31169 浏览

    jquery - 使用 jQuery 的 CSS 伪类

    我刚刚学了一点 jQuery,并试图用它来实现简单的变色效果。假设我有两个<div>,#foo 和#bar。#foo 有很多 URL,并定义了以下 CSS:

    现在我想在用户单击#bar时更改#foo中链接(a:link)的颜色,但保持a:hover颜色不变,所以我这样编写函数:

    问题是,虽然这个函数确实将所有链接变为红色,但 a:hover 颜色丢失了,即当用户将光标移到链接上时,它们将保持红色,而不是像我预期的那样变黑。

    由于我看到 jQuery 所做的是将内联样式放入<a#foo 中的 >s 中,使它们成为<a style="color:red;" href="...">,我想这将覆盖 :hover 伪类。由于任何人都没有实现伪类的内联样式 attr,所以我怀疑我是否能得到我想要的效果......

    仍然,是否有任何解决方案不需要我写类似的东西

    ?

    谢谢。

    0 投票
    1 回答
    209 浏览

    html - 为什么 ":active" 在 Gecko 框架内不能正常工作?

    在我看来,Gecko 有一个涉及 ":active" 的错误。为了说明,将其放入名为 test.html 的文件中:

    现在在 FF3 中打开它。跨度应该有点像一个按钮:如果你在它上面按下鼠标,背景会改变颜色。当你 mouseup 时,它会恢复正常。

    请注意,即使您在跨度内按下鼠标,将鼠标移到浏览器窗口外,然后在那里释放它,这也有效:在鼠标按下的部分,背景是灰色的。释放后,跨度恢复正常。

    到目前为止,一切都很好。但是尝试将其包装在一个框架中:

    加载那个。现在,当您在跨度内按下鼠标时,将鼠标移到框架外的任何位置,然后鼠标向上,跨度将永远保持灰色——即,CSS 认为它永远是“:active”。

    这似乎只发生在一个框架中,并且该问题不会出现在基于 KHTML 的浏览器中。

    有人有解决方法吗?

    0 投票
    3 回答
    7674 浏览

    css - css ":focus" 伪类和选择器

    我一直在努力做到这一点......基本上我有以下 HTML 设置:

    “span.label01”是一个内联元素,出现在文本框“input.tboxes”的左侧。当文本框获得焦点时,我正在尝试将一些样式附加到“span.label01”和“div.box10”。

    我尝试了以下 CSS 代码:

    但什么也没发生。我知道这是一个 CSS 选择器问题,但我似乎无法正确处理。我什至尝试过相邻的兄弟选择器,但什么也没有。有人能帮我一下吗?蒂亚!

    0 投票
    6 回答
    3013 浏览

    css - css 伪类

    为什么只有“非常”是红色,而“难以置信”不是,因为它们都是“div.weather strong”指定元素的第一个子元素?

    0 投票
    5 回答
    1158 浏览

    css - 为什么叫伪类?

    为什么叫“伪类”?

    与“类”的概念有什么相似之处吗?

    0 投票
    1 回答
    130 浏览

    sifr - sIFR 是否支持 :first-child 之类的伪元素?

    我的 sifr-config.js 文件中有以下内容:

    但它不起作用。我已经通过在我的普通样式表中测试它来验证相同的 CSS 是否有效。sIFR是不是不理解这个伪元素,还是需要用特殊的方式调用?

    0 投票
    1 回答
    127 浏览

    css - 类选择器之后的伪类?

    我有一堂课

    我想让链接的文本在这个类中显示为白色,我该怎么做?

    我尝试了以下,但它不工作

    0 投票
    3 回答
    5371 浏览

    html - css中的链接顺序

    元素样式的正确顺序是什么<a>(链接、访问、悬停、活动)。通过提供不同的组合,如LVHA、LAHV,所有这些都令人困惑。任何人都可以指定正确的顺序吗?