[分享]css内能写js代码吗

CSS（Cascading Style Sheets）是一种用来描述网页内容展示方式的标记语言，它可使网页内容和样式分离，从而提高网页展示效果的可维护性。虽然CSS是一门样式语言，不过你可能会想知道，...

CSS（Cascading Style Sheets）是一种用来描述网页内容展示方式的标记语言，它可使网页内容和样式分离，从而提高网页展示效果的可维护性。虽然CSS是一门样式语言，不过你可能会想知道，CSS内能否写JavaScript代码呢？

答案是肯定的，CSS可以使用属性选择器来定义元素的样式，这些属性选择器中的某些语法结构与JavaScript非常相似，其中就包括CSS中的CSS属性值和JavaScript中的JS属性值。

button[data-action="submit"] {
  color: red;
  cursor: pointer;
  transition: color 0.2s ease;
}
button[data-action="submit"]:hover {
  color: blue;
} 

上述代码展示了一个CSS属性选择器来定义一个按钮元素的样式。其中，属性选择器的 attribute 值就类似于一个变量，我们可以在CSS中使用它来动态地改变样式，此时类似于JavaScript中的变量赋值语句。

在上述代码中，我们通过 "data-action" 属性选择器来选中一个 "data-action" 值等于 "submit" 的按钮元素，然后动态地为其设置了颜色、鼠标指针类型和颜色过渡效果。当鼠标经过该按钮时，按钮的颜色会从红色渐变为蓝色，这个动态效果就类似于JavaScript中的事件监听器。

综上所述，虽然CSS主要用于描述网页样式，但是CSS内也能够写JavaScript代码，我们可以通过属性选择器、伪元素和变量等CSS特性来实现动态效果。