【问题标题】:enabled pseudo class matches links on page?启用伪类匹配页面上的链接?
【发布时间】:2014-12-24 08:45:46
【问题描述】:

:启用伪类匹配页面上的链接?这是正确的行为吗?

JSBIN

JSBIN

【问题讨论】:

    标签: css css-selectors


    【解决方案1】:

    不能在锚标签上,它与输入标签和元素有很大关系

    :enabled CSS 伪类表示任何启用的元素。如果一个元素可以被激活(例如选择、单击或接受文本输入)或接受焦点,则该元素被启用。该元素还具有禁用状态,在该状态下它不能被激活或接受焦点。

    链接或锚标签只能有以下伪类

    • a:链接
    • a:访问过
    • a:悬停
    • a:焦点
    • a:活动

    【讨论】:

    • 是的,我知道,但我认为启用的伪类应该只适用于接受禁用属性的元素。还有更多的元素可以被点击或聚焦,并且不受 :enabled 选择器的影响。看这里html5.org/r/8818
    【解决方案2】:

    在 HTML 中,:enabled 不应该匹配超链接(即 a:link, a:visited),因为超链接不是 form elements,因此不具有禁用状态。规范的this section 也没有提到超链接,它列出了哪些类型的元素可以具有禁用状态。

    如果:enabled 伪匹配您正在使用的任何浏览器上的超链接,则该浏览器的行为不正确。它在 Firefox 或 IE 上与它们不匹配。

    【讨论】:

      猜你喜欢
      • 2020-01-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-06-08
      • 2023-04-10
      • 2012-02-16
      • 2020-08-12
      • 2016-07-17
      相关资源
      最近更新 更多