html - 如何通过单击 CSS 中的另一个元素来更改元素属性

Question

我在页眉中插入了一个按钮，我想在用户单击此按钮时更改另一个元素的填充和边距。我使用了这段代码但没有用:

a:clicked
{
    #header
    {
        padding:0 40px 0 40px !important;
    }
}

在 css 文档中，程序员在代码的开头使用 @ 符号。我可以用那个吗？怎么办？

Answer 1

CSS 没有为您的样式提供“状态”的机制。很难根据“用户单击按钮”等在 CSS 中做出决定。

困难，但并非不可能。您可以做的一件事是将按钮更改为复选框并使用 :checked 选择器。另一种选择是隐藏复选框并使按钮成为它的标签；这被称为 CSS checkbox hack .

不过，通常的方法是使用 Javascript 在单击按钮时从元素中添加/删除类，然后根据该类的存在设置样式。这可能更易于维护，因为它不需要修改您的 HTML。请注意，它不适用于已阻止 Javascript 的用户。