Pemilih gabungan CSS

Pemilih gabungan

Pemilih teg, pemilih kelas dan pemilih ID boleh digunakan dalam gabungan. Kaedah gabungan umum ialah gabungan pemilih teg dan pemilih kelas, dan gabungan pemilih teg dan pemilih ID. Memandangkan prinsip dan kesan kedua-dua kaedah gabungan ini adalah sama, hanya gabungan pemilih teg dan pemilih kelas diperkenalkan. Pemilih gabungan hanyalah satu bentuk gabungan dan bukan pemilih sebenar, tetapi ia sering digunakan dalam amalan.

Contohnya .orderlist li {xxxx} atau .tableset td {}

Apabila kami menggunakannya, kami biasanya menggunakannya dalam beberapa teg yang muncul berulang kali dan mempunyai gaya yang sama, seperti li td dd dll.

Contohnya<h1 class="red"></h1> H1.red {color: red}

Senarai pemilih gabungan

1 A,B Pemilihan unsur berbilang sepadan dengan semua elemen A dan elemen B pada masa yang sama, dipisahkan dengan koma antara A dan B div, p { color:red; elemen yang tergolong dalam unsur B yang merupakan keturunan unsur A, dipisahkan oleh ruang antara A dan B #nav li { display:inline; li a { font-weight:bold; >3. A > B Pemilih elemen kanak-kanak, sepadan dengan semua elemen anak B div elemen > , sepadan dengan semua Elemen adik-beradik B serta-merta mengikut unsur A p + p { color:#f00; div ~ p { color:#f00; }

Pemilih berbilang elemen

/ /kod css:

div.mydivred,p.mypred{padding:10px;background-color:#ffffff;border:1px #000000 solid;color:red;}

</style>

//kod html

<div class="mydivred">;

<p class="mypred"> p.mypred</p>

Cubalah

Pemilih elemen turunan

<style>

#fuji .ziji

{

padding :10px;

warna latar belakang: #ffffff;

sempadan:1px # 000000 pepejal;warna:merah;

}

</style> 🎜>

<div id="fuji">