Html 如何使用css焦点？

我熟悉使用css和“悬停”功能，但我想知道如何使用点击功能

因此，要开始使用悬停功能，您可以：

#test {
background: black;
height: 100px;
width: 100px;
}

然后当鼠标“悬停”在上面时，我希望它变成白色

#test:hover {
background: white;
height: 100px;
width: 100px;
}

那么，这是一种类似的点击改变背景的方法吗

谢谢

詹姆斯

那么，这是一种类似的点击改变背景的方法吗

您可以使用javascript实现这一点

最简单的事情是使用一些jquery

$('#test').click(function(){
    css('background','green');
});

单击后，还可以更改项目的类。通过这种方式，您可以将css存储在样式表中

$('#test').click(function(){
    $(this).addClass('greenBackground');
});

那么，这是一种类似的点击改变背景的方法吗

您可以使用javascript实现这一点

最简单的事情是使用一些jquery

$('#test').click(function(){
    css('background','green');
});

单击后，还可以更改项目的类。通过这种方式，您可以将css存储在样式表中

$('#test').click(function(){
    $(this).addClass('greenBackground');
});

---

您的描述有点模糊，但当前的CSS规范仅提供以下相关的伪类：

• -在单击元素时短暂应用
• -在元素聚焦时应用（无论是否使用鼠标）

---

您的描述有些模糊，但当前的CSS规范仅提供以下相关伪类：

• -在单击元素时短暂应用
• -在元素聚焦时应用（无论是否使用鼠标）

---

psuedo选择器

元素：焦点通常用于元素具有焦点时。就像在文本区域或输入框内键入内容一样

正如您在中所看到的，
按钮：焦点
不会使
背景色
有任何不同的点击

要在单击时更改它，请使用
元素：active
伪选择器：

button:active
{
    background-color: #f00;
}

工作演示。
psuedo选择器
元素：焦点通常用于元素具有焦点时。就像在文本区域或输入框内键入内容一样

正如您在中所看到的，
按钮：焦点
不会使
背景色
有任何不同的点击

要在单击时更改它，请使用
元素：active
伪选择器：

button:active
{
    background-color: #f00;
}

正在进行演示。
所以。。。聚焦还是悬停？您的标记和问题有点混乱。您可能需要使用javascript在单击项目时更改其css类。我不认为这仅仅是css就可以做到。你想在点击后bg颜色保持不变吗？还是只是在被点击的时候？所以。。。聚焦还是悬停？您的标记和问题有点混乱。您可能需要使用javascript在单击项目时更改其css类。我不认为这仅仅是css就可以做到。你想在点击后bg颜色保持不变吗？还是只是在被点击的时候？