Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

ใช้สไตล์กับพาเรนต์หากมีลูกที่มี CSS และ HTML


ตัวเลือกหลักไม่มีอยู่ใน CSS3 มีตัวเลือก CSS4 ที่เสนอ $ เพื่อดำเนินการซึ่งอาจมีลักษณะเช่นนี้ (การเลือกองค์ประกอบ li) -

ul $li ul.sub { ... }

อีกทางเลือกหนึ่ง ด้วย jQuery ซับเดียวที่คุณสามารถใช้ได้คือสิ่งนี้ ตัวเลือก has() จะเลือกองค์ประกอบทั้งหมดที่มีองค์ประกอบภายในอย่างน้อยหนึ่งองค์ประกอบ ซึ่งตรงกับตัวเลือกที่ระบุ แท็ก

  • กำหนดรายการ แท็ก
      กำหนดรายการที่ไม่เรียงลำดับ (สัญลักษณ์แสดงหัวข้อย่อย)

      $('ul li:has(ul.sub)').addClass('has_sub');

      จากนั้นคุณสามารถจัดรูปแบบ li.has_sub ใน CSS ของคุณได้