css - 改变类风格

Question

我想改变 class="paginate_button active"元素中的 css 样式。但是 .paginate_button.active 和 paginate_button active 不起作用。我该怎么做？

Answer 1

这个问题似乎有点含糊，所以我将发布如何使用 CSS 和使用 Javascript 访问元素的 CSS。

---

CSS

要访问同时具有 paginate_button 和 active 类的元素，您可以使用以下方法:

.paginate_button .active {
/* 样式在这里 */
}

CSS 中的. 选择器用于标识类。

---

Javascript

您可以使用以下方法在 Javascript 中访问 HTML 元素:

document.getElementsByClassName(查询)

因此，如果我想获得包含“paginate_button”类的所有元素的列表，我可以这样做:

var elements = document.getElementsByClassName("paginate_button");

然后，如果有多个元素，我可以用循环遍历列表。或者简单地说，如果只有一个元素具有该类名，您可以访问数组 elements 中的第一个元素:

var element = document.getElementsByClassName("paginate_button")[0];

请注意，如果没有类为“paginate_button”的元素，这可能会引发错误。

然后您可以通过访问该元素来修改该元素的 CSS:

element.style

这会返回一个 CSSStyleDeclaration，它允许您直接编辑该元素的 CSS。

您可以看到 CSSStyleDeclaration 的属性列表 here ，它们类似于各自的 CSS 样式。