在之后添加带有css伪元素的onclick

在我的css文件中是否可以执行类似操作

.myclass:after{
内容:“点击我”;
onclick:“my_function()”;
}

我想在css样式表中的myclass的所有实例之后添加一个可单击的文本

在我的css文件中是否可以执行类似[参见上面的代码]的操作

没有

要问的重要问题是为什么

HTML控制网页中的数据。任何CSS或JS都是通过HTML指定的。这是型号

CSS可以控制样式,CSS和HTML或JavaScript之间没有链接。这是视图

JavaScript可以控制网页中的交互,并且可以钩住任何和所有DOM节点。这是控制器

由于这种MVC结构:HTML属于.HTML文件,CSS属于.CSS文件,JS属于.JS文件

CSS伪元素不会创建DOM节点。JavaScript无法直接访问CSS中定义的伪元素,也无法将事件附加到所述伪元素

如果您已经有了一个设置好的结构,并且无法添加在HTML中生成新链接所需的额外内容,JavaScript可以动态添加所需的新元素,然后可以通过CSS设置样式

jQuery使这一点非常简单:

$('<span class=“click me”>click me</span>')。附加到('.myclass')。单击(my_函数);

发表评论