cssa:当前功能

cssa:当前功能,css,css-selectors,Css,Css Selectors,我想使用a:current属性来更改 元素。但问题是a href不能被删除 指向另一页。 所以我创造了这样的东西 <a class='linkstyl' href="#1" >A</a> <a class='linkstyl' href="#2" >B</a> <a class='linkstyl' href="#3" >C</a> 但是当前的功能没有按预期工作,如何纠正它?除非这是

我想使用a:current属性来更改 元素。但问题是a href不能被删除 指向另一页。 所以我创造了这样的东西

      <a  class='linkstyl' href="#1" >A</a>
      <a  class='linkstyl' href="#2" >B</a>
      <a class='linkstyl' href="#3" >C</a>

但是当前的功能没有按预期工作,如何纠正它?

除非这是全新的,否则没有CSS psuedo选择器
:current
。您可能会想到
:active
:focus

:但是,一旦元素失去焦点(例如,如果您单击页面上的任何其他位置),将不会应用焦点

:active
仅在元素被“激活”时应用,通常这意味着鼠标被单击或类似操作时

这是一个两者都有的演示,您可以看到这是否是您想要的:


旁注
id
name
属性不应以数字开头,您可能希望将它们从1、2和3更改为类似
item-1
item-2
item-3
的内容,除非这是全新的,否则没有CSS psuedo选择器
:current
。您可能会想到
:active
:focus

:但是,一旦元素失去焦点(例如,如果您单击页面上的任何其他位置),将不会应用焦点

:active
仅在元素被“激活”时应用,通常这意味着鼠标被单击或类似操作时

这是一个两者都有的演示,您可以看到这是否是您想要的:


旁注
id
name
属性不应以数字开头,您可能希望将它们从1、2和3更改为类似于
item-1
item-2
item-3
的内容。您完全错过了这个“时间线性表示”伪类的要点。
再次尝试阅读选择器级别4规范的说明

您想用
.linkstyl:current
选择什么?
你知道最近没有浏览器支持它,对吧?

这可能是您真正想要的。

您完全没有理解这个“时间线性表示”伪类的要点。
再次尝试阅读选择器级别4规范的说明

您想用
.linkstyl:current
选择什么?
你知道最近没有浏览器支持它,对吧?

这可能是您真正想要的。

快速谷歌搜索不会显示任何对
:current
的引用。您使用的是启用此功能的库还是我的google fu很弱?我不熟悉
:current
。它与
:hover
:active
有何不同?你的意思是?即使如此,
:target
也不适用于
href=“#”
,而适用于
name
id
。但这是最接近的猜测。哦,这是一个伪类,几周前添加到CSS4规范中。人们已经在问这个问题了?我可能应该告诉CSS工作组把一切都保密,直到准备好为止。同时,-1是因为在好几年的时间里跳过了这一关。快速谷歌搜索没有找到任何关于
:current
的参考资料。您使用的是启用此功能的库还是我的google fu很弱?我不熟悉
:current
。它与
:hover
:active
有何不同?你的意思是?即使如此,
:target
也不适用于
href=“#”
,而适用于
name
id
。但这是最接近的猜测。哦,这是一个伪类,几周前添加到CSS4规范中。人们已经在问这个问题了?我可能应该告诉CSS工作组把一切都保密,直到准备好为止。在此期间,-1是因为几年来一直在逃避责任。这在以前是不存在的。我想他们正在积极地更新它。以前没有。我猜他们正在积极地更新它。原来
:current
非常新:原来
:current
非常新:
     .linkstyl{
            cursor:hand;cursor:pointer;text-decoration:none;
            color: #ccc;


        }
     .linkstyl:current{
            cursor:hand;cursor:pointer;text-decoration:none;
            color: #aaa;


        }