在CSS 中,您可能會遇到放置在偽元素選擇器之前的與號( &) 字元。這種用法不是標準 CSS 的一部分,但常見於 LESS 等預處理語言中。
在 LESS 中,& 符號用作嵌套運算符,允許您更多地選擇嵌套元素簡潔地。它代表父選擇器,可用於連結多個選擇器。
考慮以下 LESS 語法:
.clearfix { &:before, &:after { display: table; content: ""; } &:after { clear: both; } }
這裡,:before 和 :after 之前的 & 符號表示這些偽元素嵌套在 .clearfix 中。此語法將編譯為以下 CSS:
.clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; }
例如,以下 LESS 程式碼:
.example { &:hover { color: red; } }
將編譯為:
.example:hover { color: red; }
以上是以下是一些標題選項,將問題格式與文章對 LESS 和&符號的關注相結合: * 為什麼我在 LESS 偽元素選擇器中看到與號 (&)? * 安培有什麼作用的詳細內容。更多資訊請關注PHP中文網其他相關文章!