在我的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_函数);