Rumah > hujung hadapan web > tutorial css > Perihalan Pemilih CSS_Tutorial Asas

Perihalan Pemilih CSS_Tutorial Asas

WBOY
Lepaskan: 2016-05-16 12:08:11
asal
1662 orang telah melayarinya

1. Pemilih taip
badan
{
saiz fon:12px;
}

{
warna:biru;
}
Tuding ke web halaman Jenis teg sedia ada dalam teg digunakan sebagai pemilih nama, seperti yang ditunjukkan di atas: saiz semua teks dalam teg kandungan ialah 12px warna teks dalam perenggan adalah biru.
2. Pemilih kumpulan
h4,p,span
{
font-size:12px;
}
Menunjukkan bahawa semua teks dalam teg h4, p, span pada halaman ialah saiz 12px, iaitu, tentukan gaya yang sama untuk sekumpulan objek, dipisahkan dengan koma antara setiap teg.
3. Mengandungi pemilih
div p
{
font-weight:bold;
}
Ini bermakna teks dalam teg p di dalam teg div adalah tebal Ini ialah Hubungan kemasukan, setiap teg dipisahkan oleh ruang dan boleh menjadi kemasukan berbilang peringkat.
IV. ID dan pemilih kelas
ID ialah definisi gaya untuk satu-satunya elemen dalam halaman Gaya ini hanya digunakan sekali dalam halaman, iaitu, id tidak diulang

<.>..

#myDiv
{
saiz fon:12px;
}
  kelas mentakrifkan gaya biasa atau kerap digunakan, gaya perlu muncul pada halaman Berbilang kali, anda boleh menentukan kelas yang sama untuk teg yang berbeza, seperti yang ditunjukkan di bawah: fon dalam teg div dan p semuanya berwarna biru



..

.merah
{
warna:biru;
}
5. Pemilih gabungan
Gunakan id atau kelas, dan juga gunakan tag untuk menggabungkan
h1 #cont
{
}
Mewakili teg h1 dengan samb id
h1 .cont
{
}
Mewakili semua teg h1 dengan samb kelas
6. Kelas pseudo Pemilih
biasanya digunakan sebagai teg
a:pautan
{
}
a:tuding
{
}
a:dilawati
{
}
7. Pemilih kad bebas
*
{
warna:biru;
}
Menunjukkan bahawa fon semua objek berwarna biru.
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan