怎么通过css知道el-button被点击了

在CSS中，本身并不能直接检测元素是否被点击。CSS主要用于样式控制，它并不具备JavaScript那样的交互能力，无法感知用户的行为事件，如按钮点击。如果你想要监控一个`<el-button>`元素的点击事件，你需要使用JavaScript或者相关的前端框架，比如Vue.js、React.js或者jQuery等。

在Vue.js中，你可以这样做：

<template>
  <el-button @click="handleButtonClick">点击我</el-button>
</template>

<script>
export default {
  methods: {
    handleButtonClick() {
      // 这里编写处理点击事件的代码
      console.log('Button clicked!');
    }
  }
}
</script>

在这个例子中，当按钮被点击时，`handleButtonClick`函数会被触发，并打印出"Button clicked!"。

如果你想使用jQuery，可以这样做：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<button id="myButton">点击我</button>

<script>
$(document).ready(function(){
  $("#myButton").on("click", function(){
    alert("Button clicked!");
  });
});
</script>

这里，当按钮被点击时，会弹出一个警告框显示"Button clicked!"。