用针对特定aria标签的Javascript添加CSS的最佳方法是什么？

Question

当文档加载时，我想将CSS属性添加到带有特定aria标签的标签中，我想将部分的伸缩顺序更改为2

我想使用javascript定位咏叹调标签“ block 1”，因此我可以使用“ order：2”使用flex更改顺序

<section aria-label="block 1">
BLOCK 1
</section>
<section aria-label="block 2">
BLOCK 2
</section>

我尝试了这个，但是我开枪了

var element = document.querySelector('[aria-label="Section navigation"]').addGlobalStyle(".flexorder { order: 2; }");
})();

我希望带有aria-label =“ block 2”的部分首先显示为aria-label =“ block 1”，但我只能使用javascript

Answer 1

您想知道如何更改两个元素的顺序。如果您这样问，您可能会更快地得到答案。

对于您的问题：要添加CSS属性，请使用为此特定的命令：GM_addStyle();

示例：

GM_addStyle("section[aria-label="block 1"]{order:2}");
GM_addStyle("section[aria-label="block 2"]{order:1}");

您还需要获得围绕这两个的div或添加一个围绕它们的div并添加display: flex;作为样式。