javascript - 通过属性 js 获取选择器

Question

我有一个 css 文件，我将所有样式按页面放置在其中。

如何通过在 css 中搜索属性来获取选择器的类/ID。

例如，我想更改所有页面的文本颜色。我需要得到一个包含所有具有“颜色”属性的选择器的数组。

我怎么能做到这一点？

标签： javascriptjquerycss

Answer 1

太有趣了，我已经回答了一个类似的问题（但对于另一个问题）。:)

=> 见 = https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables

let myGroup = document.querySelector('#my-Group');

let myGroupCSS = getComputedStyle(myGroup);

Bt_change_Color.onclick = function () {

    let current_Color = myGroupCSS.getPropertyValue('--color_for_group');

    console.log('first color', current_Color);  //  #305395

    myGroup.style.setProperty('--color_for_group', '#95305a');
}

#my-Group {
  --color_for_group: #305395;
}
h2 {
  color: var(--color_for_group);
}
h4{
  color: var(--color_for_group);
}
p {
  color: var(--color_for_group);
}

<div id="my-Group">
    <h2>title</h2>

    <h4>sub tilte</h4>

    <p>paragraph</p>
</div>

<button id="Bt_change_Color"> Change Color </button>