我對 react-js 或 css 很陌生，我想隱藏一個 css 物件。
這是代碼
我試圖用這段代碼隱藏（使其不可點擊）物件
.react-aria9431256528-7
{
display: none;
}
但這只是暫時的。每次我加載網站時，id 都會改變。我如何才能以始終有效的方式參考該物件？我在考慮 aria-label 因為它是恒定的，但我如何參考它？
有沒有比隱藏它更好的方法？
uj5u.com熱心網友回復：
如果aria-label屬性是唯一的，您可以使用屬性選擇器語法 ( [attr="value"])，如下所示：
[aria-label="Help"] {
display: none;
}<a href="#" aria-label="Help">Help</a>uj5u.com熱心網友回復：
例如，您可以使用它。
a[id^="react-"] {
display: none;
}
a[id^="react-"] {
display: none;
}<div>
<a id="react-area1">1</a>
<a id="react-area1">2</a>
<a id="react-area1">3</a>
<a id="area1">4</a>
</div>uj5u.com熱心網友回復：
是您要隱藏的鏈接（a href='...'）嗎？如前所述，您可以使用 aria-label。這是另一個解決方案：我注意到有一個帶有“dropddown”類的父 div。您可以使用 css 定位您的鏈接，如下所示：
.dropddown > a {
display:none;
}
那應該可以正常進行。如果不添加重要標志：
.dropddown > a {
display:none !important;
}
PS，不要忘記順便修復類下拉串列的命名（one d）=>“下拉”。這讓我相信你可以控制它;)。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/468025.html