Pelajaran03_02 Pemilih Peraturan Gaya_Tutorial Asas

Pemilih Peraturan Gaya

Pengarang: Loncer Lebih banyak sumber pembelajaran ada di: wwww.loncer.cn

• Pemilih HTML

  ialah teg HTML yang digunakan sebagai pemilih, supaya dalam semua halaman web yang menggunakan CSS, semua teg HTML akan dipaparkan mengikut pernyataan

• Pemilih kelas
  Untuk membahagikan setiap elemen halaman web yang dibuat oleh teg HTML kepada beberapa kategori, tetapkan kelas teg HTML ini kepada nilai yang berbeza: Contohnya:
  例如:
  

  ---

  p1

  
  

  p2

  
  

  p3

  样式定义如下:
  

  ---

  p1

  p2

  p3 Gaya ditakrifkan seperti berikut:
  

• Nota: Jika pemilih ditakrifkan dalam helaian gaya, Diikuti terus dengan nama kelas (.), peraturan gaya ini digunakan untuk semua teg HTML dengan class=nama kelas ini

  网页中:
  text here

  样式定义如下:
  

  Iaitu, pemilih kelas dibahagikan kepada dua kategori:
• 
  .
  
  Pemilih kelas yang berkaitan: Nama teg HTML Nama kelas (peraturan yang berbeza boleh ditakrifkan untuk elemen yang sama).
  Pemilih kelas bebas: .Nama kelas (peraturan gaya yang sama boleh ditakrifkan untuk elemen yang berbeza ).
• Pemilih ID Atribut ID digunakan untuk menentukan elemen HTML tertentu Hanya satu elemen dalam fail halaman web boleh menggunakan nilai ID tertentu. Dalam halaman web:
  teks di sini Gaya ditakrifkan seperti berikut:

Pemilih bersekutu merujuk kepada rentetan yang terdiri daripada dua atau lebih pemilih tunggal yang dipisahkan oleh ruang Contohnya:
p em {latar belakang: kuning}di mana "p em" Ia adalah pemilih persatuan, yang bermaksud bahawa latar belakang kandungan antara pasangan teg dalam pasangan teg

berwarna kuning dan kandungan dalam pasangan teg tidak akan terjejas Nota: Peraturan yang ditakrifkan oleh pilihan yang berkaitan mempunyai keutamaan yang lebih tinggi daripada peraturan yang ditakrifkan oleh pemilih tunggal.

Pemilih gabungan Untuk mengurangkan pengisytiharan berulang dalam helaian gaya, beberapa pemilih boleh digabungkan dalam satu definisi peraturan gaya Contoh: H1, H2, H3, H4, H5, H6, TD{color:red}. Pemilih elemen pseudo merujuk kepada cara mentakrifkan pelbagai keadaan elemen HTML yang sama dan sebahagian daripada kandungan yang terkandung di dalamnya Formatnya adalah seperti berikut: Elemen HTML: Pseudo-element periodic {attributes: nilai} Pemilih kelas boleh digunakan dengan pseudo-elemen: Nama kelas: pseudo-element {attribute: value} .