更改课堂上的样式

Question

我想在class =" paginate_button active"中更改CSS中的样式。但是.paginate_button.Active和Paginate_Button Active行不通。我该怎么做？

Answer 1

这个问题似乎有些模糊，因此我将发布如何使用CSS访问元素的CSS并使用JavaScript。

---

CSS

要访问paginate_button和active类的元素，您可以使用以下内容：

.paginate_button .active { /* Styles go here */ }

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

---

javascript

您可以使用以下方法在JavaScript中访问HTML元素：

document.getElementsByClassName(query)

所以，如果我想获得" paginate_button"类的所有元素列表，我可以做：

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

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

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

请注意，如果没有类" paginate_button"的元素。

然后，您可以通过以下方式访问该元素的CSS：

element.style

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

您可以在此处看到CSSStyleDeclaration的属性列表，这些属性与各自的CSS样式相似。