ნიშანი !optional @extend-ში SASS-ში
სელექტორის გაფართოებისას შეიძლება შეგვხვდეს
შეცდომა, როდესაც დირექტივა @extend
არ იმოქმედა კორექტულად. მაგალითად,
თუ თქვენ გაქვთ შემდეგი კოდი:
a.info {
@extend .main;
}
თუ არც ერთი სელექტორი არ შეიცავს .main-ს,
კომპილაციის დროს მოხდება შეცდომა.
ასეთ შემთხვევაში ჩვენ გვჭირდება
სელექტორების მიმდევრობების გაერთიანება,
რისთვისაც ვიყენებთ დირექტივას @extend.
ამის გარდა, შეცდომა მოხდება, თუ სელექტორი
რომელიც შეიცავს .main-ს იქნება ასეთი:
h1.main, რაც აიხსნება კონფლიქტით
a-ს და h1-ს შორის.
ამიტომ, საჭიროების შემთხვევაში, შეგიძლიათ
დირექტივას @extend ნება მიუცეთ არ შექმნას
ახალი სელექტორები არასავალდებულოობის ნიშნის
!optional-ის მეშვეობით, რომელიც იწერება სელექტორის შემდეგ. მაგალითად:
a.info {
@extend .main !optional;
}
