masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

Pemilih gabungan CSS

Pemilih Gabungan CSS

Pemilih gabungan menggambarkan hubungan langsung antara dua pemilih.

Pemilih gabungan CSS termasuk pelbagai gabungan pemilih mudah.

mengandungi empat kaedah gabungan dalam CSS3:

  • Pemilih turunan (dipisahkan oleh ruang)

  • Pemilih elemen anak (dipisahkan oleh tanda yang lebih besar daripada)

  • Pemilih adik beradik bersebelahan (dipisahkan dengan tanda tambah)

  • Pemilih adik beradik biasa (dipisahkan dengan sempang)

Pemilih Keturunan

Pemilih Keturunan sepadan dengan keturunan semua elemen elemen yang layak.

Contoh berikut memilih semua p elemen dan memasukkannya ke dalam div elemen: 

      <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
div p
{
	background-color:yellow;
}
</style>
</head>
<body>

<div>
<p>段落 1。 在 div 中。</p>
<p>段落 2。 在 div 中。</p>
</div>

<p>段落 3。不在 div 中。</p>
<p>段落 4。不在 div 中。</p>

</body>
</html>

Jalankan program dan amati

Pemilih anak

Berbanding dengan pemilih keturunan, pemilih anak hanya boleh memilih elemen yang merupakan anak kepada elemen.

Contoh berikut memilih semua elemen anak langsung<p> dalam elemen <div> 🎜 >

Pemilih adik beradik bersebelahan

Pemilih adik beradik bersebelahan boleh memilih elemen serta-merta selepas elemen lain dan kedua-duanya mempunyai elemen induk yang sama .

Jika anda perlu memilih elemen sejurus selepas elemen lain, dan kedua-duanya mempunyai elemen induk yang sama, anda boleh menggunakan pemilih adik beradik Bersebelahan. Contoh berikut memilih semua elemen <p> pertama selepas elemen <div>

Pemilih adik beradik jiran biasa

Pemilih adik beradik biasa memilih semua elemen adik beradik yang bersebelahan dengan elemen yang ditentukan.

Contoh berikut memilih semua elemen adik beradik yang bersebelahan<p> daripada semua elemen <div> 🎜>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> div p { background-color:yellow; } </style> </head> <body> <div> <p>段落 1。 在 div 中。</p> <p>段落 2。 在 div 中。</p> </div> <p>段落 3。不在 div 中。</p> <p>段落 4。不在 div 中。</p> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492873 permainan

Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！

Tentang kita Penafian Sitemap

© php.cn All rights reserved