是否有点击 div 的代码？

Question

我想知道是否有这样的代码：

.element, #element {
    top:20px;
    right:20px;
    width:25px;
    height:10px;
    opacity:0;
    transition:opacity 0.4s ease-out;}

.element:hover, #element:hover {
    opacity:1;}

这是元素，它是一个可点击的按钮（按钮在网站的基本代码中），我现在想知道是否有用于点击按钮的 css 代码。是 .element:activated 还是类似的东西？我只从 as 知道这个，我不知道它是否也适用于按钮，因为我想在单击它时更改它的 width。

.element:activated {
    width:10px;}

比如这样。谢谢！

Answer 1

是的，事实上是有的。它是扩展名 :active

如果您单击或激活该元素，active 下的 css 样式将为运行。

在您的示例中，您需要：

.element:active, #element:active{
    width:10px; // This will be run when you click on the element
}

如果您希望按钮在单击后永久保持打开状态，您可以将此 javascript 滑入（使用 Jquery）：

$('#element').on('click', function(){
    $('#element').css("width", "10");
});

是否有点击 div 的代码？

Is there a code for clicked divs?

html

css

click

button