Apakah yang dilakukan oleh simbol \' \' dalam pemilih adik beradik CSS?-tutorial css-php.cn

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

Barbara Streisand

Lepaskan： 2024-10-28 21:33:30

asal

874 orang telah melayarinya

What does the ' ' symbol do in CSS sibling selectors?

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; 
}

Salin selepas log masuk

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>

Salin selepas log masuk

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!