CSS中的詠嘆調

傑里米（Jeremy）回應了薩拉（Sara）在CSS中使用[aria-*]選擇器的推文，而不是直接與ARIA屬性相關的類別。他強調了這是他連接CSS和JavaScript交互的首選方法，引用了較舊的Codepen示例。

一個經典的例證是：

 [aria-hidded ='true'] {
  顯示：無；
}

這種方法擴展到更複雜的方案。考慮一個選項卡組件（例如，使用REACH UI）：由於ARIA屬性已經管理活躍狀態，因此不需要類操作。直接實現主動選項卡的造型：

 [data-rach-tab] [aria-selected =“ true”] {
  背景：白色；
}

同樣，由ARIA角色設計的內容面板：

 [角色=“ tabpanel”] {
  背景：白色；
}

ARIA屬性還允許樣式變化：

 [aria-orientation =“垂直”] {
  撓性方向：列；
}

對於那些不熟悉Aria的人，Heydon的Webbed Thips Pilot情節提供了幽默的介紹。

以上是CSS中的詠嘆調的詳細內容。更多資訊請關注PHP中文網其他相關文章！