onclick 函数上的 CSS 选择器

有没有办法让CSS选择器onclick + function()？您可以在onclick https://stackoverflow.com/questions/24365416/select-element-which-have-specific-attribute.

这是 HTML：

<span onclick="gotoURL(&quot;https://youtu.be/dQw4w9WgXcQ&quot;);">Rick Roll</span>

CSS:

span[onclick] {
    color: blue;
    text-decoration: underline;
}

但这些不起作用：

span[onclick="gotoURL"]

span[onclick="gotoURL()"]

当然有办法；）

[attribute^=value] 选择器匹配其属性的每个元素 value 以指定值开始。

span[onclick^=gotoURL]

表示带有 onclick 属性的抓取范围，其值以 gotoURL 开头。

https://jsfiddle.net/h0qg6nys/ https://jsfiddle.net/h0qg6nys/

谢里奥 :)

edit:vivek upadhyay 更快...

edit 2:顺便提一句。您可以检查此选择器参考https://www.w3schools.com/cssref/css_selectors.asp https://www.w3schools.com/cssref/css_selectors.asp

edit 3: 30-css-选择器-你必须记住 https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048