⊗mkLsBsSSED 34 of 42 menu

Chuỗi bộ chọn trong @extend trong SASS

Chỉ thị @extend có thể được sử dụng để mở rộng một chuỗi bộ chọn. Xem ví dụ sau:

Xem xét ví dụ:

#menu .navbar { @extend div; } div { color: #0a0a4b; &:hover { text-decoration: underline; } }

Sau khi biên dịch, chúng ta nhận được mã sau:

div, #menu .navbar { color: #0a0a4b; } div:hover, #menu .navbar:hover { text-decoration: underline; }

Hãy nói kết quả biên dịch của mã sau sẽ như thế nào:

button { @extend link; } link { font-size: 10px; &:active { color: #f0ffff; background-color: #110c63; } }

Hãy nói kết quả biên dịch của mã sau sẽ như thế nào:

.main-text { font-family: Impact; } button { @extend link; font-size: 10px; @extend .main-text; } link { &:hover { color: #333333; background-color: #6d6d6d; } }
Tiếng Việt
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbek
Chúng tôi sử dụng cookie để vận hành trang web, phân tích và cá nhân hóa. Việc xử lý dữ liệu được thực hiện tuân theo Chính sách bảo mật.
chấp nhận tất cả tùy chỉnh từ chối