Question

我有一个css文件，可以按页面放置所有样式。

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

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

我该怎么做？

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>

通过属性js获取选择器

1 个答案: