【问题标题】:Change style in class改变课堂风格
【发布时间】:2016-11-27 20:05:02
【问题描述】:

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

【问题讨论】:

  • 给我们看一些代码
  • 请在上面编辑您的帖子,我们还需要css类的代码
  • 我说我尝试在我的 css 文件中使用 .paginate_button.active 和 .paginate_button active 并且它不工作空间是小问题。
  • 标签: css class styles


    【解决方案1】:

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


    CSS

    要访问具有 paginate_buttonactive 类的元素,您可以使用以下命令:

    .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 here 的属性列表,这些属性类似于各自的 CSS 样式。

    【讨论】:

      猜你喜欢
      相关资源
      最近更新 更多
      热门标签