我可以僅使用 CSS 根據複選框的狀態設定標籤樣式嗎？

在沒有JavaScript 的情況下根據複選框狀態設置標籤樣式

問題：

是否可以根據對應複選框的選取狀態修改標籤的樣式，而無需求助於JavaScript？

答案：

是的，可以在 CSS 中使用相鄰同級組合器。

解釋：

利用相鄰同級組合器 ( )，您可以定位緊接著指定元素之後的元素。在本例中，我們使用它來設定與選取的複選框 (.check-with-label:checked) 相鄰的標籤 (.label-for-check) 的樣式。

範例：

在此範例中，當選取ID 為「idinput」的複選框時，其後面的「我的標籤”標籤會變得大膽。這是因為標籤滿足以下條件：

• 由於組合器，它與選取的複選框相鄰。
• 它與 .label-for-check 類別選擇器相符。

以上是我可以僅使用 CSS 根據複選框的狀態設定標籤樣式嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！