CSS හි එකට බැඳුණු බහු තෝරන්නන්
එකවරම තනි අංගයක් කිහිපයක් යටතට පත්වන අංගයක් තෝරාගැනීමට තෝරන්නන්, ඔබ එම තෝරන්නන් අවකාශයකින් තොරව එකට ලිවිය යුතුය.
උදාහරණයක් ලෙස, පහත තෝරන්නා bbb යන පන්තිය සහ
zzz යන පන්තිය එකවරම සහිත අංගයක් තෝරාගනී:
.bbb.zzz {
}
පහත තෝරන්නා h2 ශීර්ෂය තෝරාගනී,
එය එකවරම bbb යන පන්තිය සහ
zzz යන පන්තිය සහිත වේ:
h2.bbb.zzz {
}
මෙම ක්රමය භාවිතා කර ඕනෑම තෝරන්න ඉදිකිරීම් සාදාගත හැකිය. මෙහිදී භාවිතා කරන තෝරන්නන්ගේ අනුපිළිවෙල වැදගත් නොවේ, ටැග් තෝරන්නන් ආරම්භයේදීම තැබිය යුතු යන නියමය හැර.
එනම්, උදාහරණයක් ලෙස, .bbb.zzz සහ
.zzz.bbb යන තෝරන්නන් සම්පූර්ණයෙන්ම සමාන වේ.
ඊට අමතරව, id භාවිතා කර තෝරන්නන් සෑදිය හැකිය,
උදාහරණයක් ලෙස: #elem.eee, හෝ h2#elem.eee,
හෝ h2.eee#elem සහ යනාදිය.
පහත කේතයේ ඇති තෝරන්නා තෝරාගන්නේ කුමක්දැයි පැහැදිලි කරන්න.
.bbb.zzz {
color: red;
}
පහත කේතයේ ඇති තෝරන්නා තෝරාගන්නේ කුමක්දැයි පැහැදිලි කරන්න.
h2.bbb.zzz {
color: red;
}
පහත කේතයේ ඇති තෝරන්නා තෝරාගන්නේ කුමක්දැයි පැහැදිලි කරන්න.
#elem.bbb {
color: red;
}
පහත කේතයේ ඇති තෝරන්නා තෝරාගන්නේ කුමක්දැයි පැහැදිලි කරන්න.
#elem.bbb.zzz {
color: red;
}
පහත කේතයේ ඇති තෝරන්නා තෝරාගන්නේ කුමක්දැයි පැහැදිලි කරන්න.
h2#elem.bbb {
color: red;
}
