Apakah yang dilakukan oleh simbol \' \' dalam pemilih adik beradik CSS?

Maksud ' ' dalam CSS Sibling Selectors

Dalam CSS, simbol ' ' mewakili adik beradik yang bersebelahan. Ia memilih elemen yang muncul serta-merta selepas elemen khusus lain. Pemilih ini berguna untuk menyasarkan elemen tertentu dalam susunan tertentu.

Contoh:

Pertimbangkan peraturan CSS berikut:

h2 + p { 
  font-size: 1.4em; 
  font-weight: bold;
  color: #777; 
}

Peraturan menggunakan gaya yang ditentukan pada mana-mana

elemen yang secara langsung mengikuti

unsur. Ia tidak akan menjejaskan

unsur yang berlaku selepas sebarang unsur lain, seperti

atau tag.

Ilustrasi:

<code class="html"><h2>Headline!</h2>
<p>The first paragraph.</p>  <!-- Selected -->
<p>The second paragraph.</p> <!-- Not selected -->

<h2>Another headline!</h2>
<blockquote/>
    <p>A quotation.</p>      <!-- Not selected -->
</blockquote/></code>

• Dipilih (1): Yang pertama

  elemen datang serta-merta selepas

  elemen.

• Tidak dipilih (2): Yang kedua

  elemen tidak secara langsung mengikuti

  unsur; sebaliknya, ia mengikuti

  elemen.

• Tidak dipilih (3):

  elemen dalam petikan blok tidak mempunyai

  elemen sejurus sebelum itu.

Nota:

Penggabung adik beradik bersebelahan adalah berbeza daripada penggabung adik beradik am '~', yang memilih elemen yang mengikuti elemen lain di mana-mana dalam ibu bapa yang sama.

Atas ialah kandungan terperinci Apakah yang dilakukan oleh simbol \' \' dalam pemilih adik beradik CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

css for symbol this

Kenyataan：

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