ตัวเลือกหลักไม่มีอยู่ใน CSS3 มีตัวเลือก CSS4 ที่เสนอ $ เพื่อดำเนินการซึ่งอาจมีลักษณะเช่นนี้ (การเลือกองค์ประกอบ li) -
ul $li ul.sub { ... }
อีกทางเลือกหนึ่ง ด้วย jQuery ซับเดียวที่คุณสามารถใช้ได้คือสิ่งนี้ ตัวเลือก has() จะเลือกองค์ประกอบทั้งหมดที่มีองค์ประกอบภายในอย่างน้อยหนึ่งองค์ประกอบ ซึ่งตรงกับตัวเลือกที่ระบุ แท็ก
- กำหนดรายการที่ไม่เรียงลำดับ (สัญลักษณ์แสดงหัวข้อย่อย)
$('ul li:has(ul.sub)').addClass('has_sub');
จากนั้นคุณสามารถจัดรูปแบบ li.has_sub ใน CSS ของคุณได้