Mengandungi pemilih (keturunan).

Mengandungi pemilih, iaitu, menambah ruang, untuk memilih elemen turunan di bawah elemen teg yang ditentukan. Contohnya, kod dalam editor kod di sebelah kanan:

.span pertama{color:red;}

Barisan kod ini akan menjadikan perenggan pertama teks "pengecut seperti warna fon "Tikus" bertukar kepada merah.

Sila ambil perhatian perbezaan antara pemilih ini dan pemilih kanak-kanak Pemilih kanak-kanak hanya merujuk kepada keturunan langsungnya, atau anda boleh memahaminya sebagai keturunan generasi pertama yang bertindak pada elemen kanak-kanak. Pemilih keturunan bertindak pada semua elemen keturunan kanak-kanak. Pemilih keturunan memilih dengan ruang, manakala pemilih anak memilih dengan ">".

Ringkasan: > Bertindak pada keturunan generasi pertama unsur, dan ruang bertindak pada semua keturunan unsur.


Meneruskan pembelajaran
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>后代选择器</title> <style type="text/css"> .first span{color:red;} .food>li{ border:1px solid red;/*添加边框样式(粗细为1px, 颜色为红色的实线)*/ } </style> </head> <body> <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p> <ul class="food"> <li>水果 <ul> <li>香蕉</li> <li>苹果</li> <li>梨</li> </ul> </li> <li>蔬菜 <ul> <li>白菜</li> <li>油菜</li> <li>卷心菜</li> </ul> </li> </ul> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus