Terangkan gabungan saudara bersebelahan (``)
<p> Gabungan saudara bersebelahan ( ) dalam CSS mensasarkan elemen yang secara langsung mengikuti elemen tertentu, dan kedua -duanya mesti berkongsi ibu bapa yang sama. Ia berguna apabila anda mahu memohon gaya hanya apabila dua elemen betul -betul bersebelahan antara satu sama lain dalam struktur HTML.
Apa yang pemilih tidak
<p> The Simbol dalam CSS dipanggil gabungan saudara bersebelahan . Ia memilih elemen yang segera datang selepas elemen yang ditentukan, tetapi hanya jika mereka adik -beradik - bermakna mereka mempunyai ibu bapa langsung yang sama.
<p> Contohnya:
H2 P {
warna: merah;
}<p> Peraturan ini berkata: "Pilih tag <p> yang datang dengan segera selepas tag <h2 id="code-dan-buat-teksnya-merah-Sekiranya-terdapat-elemen-lain-seperti-code-div-code-atau-yang-lain-code-p-code-antara-code-h-code-dan-sasaran-code-p-code-gaya-tidak-akan-dikenakan-p-p-Ini-berguna-untuk-menggayakan-perkara-seperti-perenggan-pengantar-selepas-tajuk-tanpa-menambah-kelas-tambahan-p-img-src-static-imghw-default-png-data-src-https-img-php-cn-upload-article-jpeg-class-lazy-alt-Terangkan-gabungan-saudara-bersebelahan-hr-h-Kes-penggunaan-biasa-dan-contoh-h-p-Berikut-adalah-beberapa-situasi-biasa-di-mana-menggunakan-code-code-masuk-akal-p-ul-li-Menggayakan-perenggan-pertama-selepas-tajuk-berbeza-dari-orang-lain-li-li-Menambah-jarak-atau-ikon-antara-unsur-unsur-tertentu-hanya-apabila-ia-muncul-dalam-urutan-li-li-Menyesuaikan-susun-atur-berdasarkan-susunan-blok-kandungan-li-ul-p-Katakan-HTML-anda-kelihatan-seperti-ini-p-PRE-BLOCK-p-Dalam-kes-ini-hanya-code-p-p-code-pertama-selepas-code-h"> dan buat teksnya merah." Sekiranya terdapat elemen lain (seperti <div> atau yang lain <p> ) antara <h2> dan sasaran <p> , gaya tidak akan dikenakan.<p> Ini berguna untuk menggayakan perkara seperti perenggan pengantar selepas tajuk tanpa menambah kelas tambahan. 
Kes penggunaan biasa dan contoh
<p> Berikut adalah beberapa situasi biasa di mana menggunakan masuk akal:- Menggayakan perenggan pertama selepas tajuk berbeza dari orang lain.
- Menambah jarak atau ikon antara unsur -unsur tertentu hanya apabila ia muncul dalam urutan.
- Menyesuaikan susun atur berdasarkan susunan blok kandungan.
<h2> tajuk </h2> <p> Perenggan ini akan digayakan. </P> <p> Yang ini tidak akan. </P><p> Dalam kes ini, hanya
<p> pertama selepas <h2> mendapat warna merah kerana ia adalah adik beradik. Yang kedua <p> tidak sepadan dengan pemilih h2 p
<p> Anda juga mungkin melihat ini digunakan dengan kerangka utiliti-pertama atau dalam kandungan CMS yang dihasilkan di mana nama kelas tidak dapat ditambah dengan bebas.
Bagaimana ia berbeza dari gabungan lain
<p> CSS mempunyai beberapa kombinasi yang berbeza, dan mudah untuk mencampurkannya:-
AB: Memilih B hanya jika ia adalah adik beradik selepas A. -
A ~ B: Memilih B jika ia adalah adik yang datang selepas A, tetapi tidak semestinya dengan serta -merta . -
A > B: Memilih B hanya jika anak langsung A. -
AB: Memilih B jika ia berada di mana -mana di dalam (pemilih keturunan).
Combinator sangat spesifik: ia hanya berfungsi apabila unsur -unsur bersebelahan pada tahap yang sama di dalam pokok Dom.
Petua dan kesilapan biasa
<p> Apabila bekerja dengan pemilih saudara bersebelahan, simpan perkara ini dalam fikiran:- ✅ Kedua -dua elemen mesti berkongsi ibu bapa yang sama.
- ❌ Ia tidak akan berfungsi jika ada ruang atau komen antara unsur -unsur.
- ? Uji struktur HTML anda dengan teliti - kadang -kadang ruang kosong yang tidak kelihatan atau elemen yang dimasukkan secara dinamik boleh memecahkan pemilih.
- ? Gunakan alat penyemak imbas untuk memeriksa bagaimana pemilih terpakai dalam masa nyata.
<p> Pada dasarnya bagaimana keadaannya
kerja pemilih. Ia mudah tetapi berkuasa apabila digunakan dengan betul, terutamanya untuk tweak reka bentuk kecil yang bergantung kepada aliran kandungan.Atas ialah kandungan terperinci Terangkan gabungan saudara bersebelahan (``). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Cari Excel dan ganti tidak berfungsi
Aug 13, 2025 pm 04:49 PM
ChecksearchSettingslike "MatchentireCellContents" dan "MatchCase" byExpandingOptionsInfindandReplace, memastikan "lookin" issettovaluesand "dalam" tocorrectscope; 2.lookforhiddencharactersorformattingbycopytextdirectly
Bagaimana cara mengkonfigurasi pembalakan dalam aplikasi Java?
Aug 15, 2025 am 11:50 AM
Menggunakan SLF4J yang digabungkan dengan Logback atau Log4J2 adalah cara yang disyorkan untuk mengkonfigurasi log dalam aplikasi Java. Ia memperkenalkan API dan perpustakaan pelaksanaan dengan menambahkan kebergantungan Maven yang sepadan; 2. Dapatkan logger melalui loggerfactory SLF4J dalam kod, dan tulis kod log yang dihancurkan dan cekap menggunakan kaedah pembalakan parameter; 3. Tentukan Format Output Log, Tahap, Sasaran (Konsol, Fail) dan Kawalan Log Tahap Pakej melalui fail konfigurasi logback.xml atau log4j2.xml; 4. Secara pilihan membolehkan fungsi pengimbasan fail konfigurasi untuk mencapai pelarasan dinamik tahap log, dan springboot juga boleh diuruskan melalui titik akhir penggerak; 5. Ikuti amalan terbaik, termasuk
Cara Menggunakan Aplikasi Java
Aug 17, 2025 am 12:56 AM
PreparyourapplicationByusingMavenorgradletobuildajarorwarfile, externalizingConfiguration.2.Chooseadeploymentenvironment: runonbaremetal/vmwithjava-jarandsystemd, deploywarontomcat, containerizeWithdoStloStLoThoStLoThoStLoThoStLoThoStLoUsToStLoUsToStLoUsToStLours.
Data XML mengikat dengan Castor di Java
Aug 15, 2025 am 03:43 AM
Castorenablesxml-to-javaobjectmappingviadefaultconventionsorexplicitmappingfiles; 1) definejavaclasswithgetters/setters; 2) useunmarshallertoconvertxmltoobjects;
Perbandingan Prestasi: Java vs Go untuk Perkhidmatan Backend
Aug 14, 2025 pm 03:32 PM
GotypicallyoffersbetterruntimeperformanceWithhightherthroughputandlowerlatency, terutama sekali-sekala/o-heavyservices, duetoitslightweightgoroutinesandeficientscheduler, whentjava, wifklowertostart, canmatchgoincpu-boundsafterjitoptimization.2.
js tambah elemen untuk memulakan array
Aug 14, 2025 am 11:51 AM
Dalam JavaScript, kaedah yang paling biasa untuk menambah unsur -unsur ke permulaan array adalah dengan menggunakan kaedah unshift (); 1. Menggunakan UNSHIFT () akan secara langsung mengubah suai array asal, anda boleh menambah satu atau lebih elemen untuk mengembalikan panjang baru array tambahan; 2. Jika anda tidak mahu mengubah suai array asal, disyorkan untuk menggunakan pengendali lanjutan (seperti [NewElement, ... ARR]) untuk membuat array baru; 3. Anda juga boleh menggunakan kaedah Concat () untuk menggabungkan array elemen baru dengan nombor asal, mengembalikan array baru tanpa menukar array asal; Ringkasnya, gunakan unshift () apabila mengubah suai array asal, dan mengesyorkan pengendali lanjutan apabila mengekalkan array asal tidak berubah.
Cara bekerja dengan json di java
Aug 14, 2025 pm 03:40 PM
TOWORKWITHJSONINJAVA, USEATHIRD-PARTYLIBRARYLIKEJACKSON, GSON, ORJSON-B, ASJAVALACKSBUILT-Insupport;
Cara menghantar dan menerima mesej melalui websocket di java
Aug 16, 2025 am 10:36 AM
Buat titik akhir pelayan WebSocket untuk menentukan laluan menggunakan @ServerEndPoint, dan mengendalikan sambungan, penerimaan mesej, penutupan dan kesilapan melalui @onopen, @onmessage, @onclose dan @onerror; 2. Pastikan bahawa Javax.Websocket-API kebergantungan diperkenalkan semasa penempatan dan secara automatik didaftarkan oleh bekas; 3. Pelanggan Java memperoleh WebSocketContainer melalui containerProvider, memanggil ConnectToServer untuk menyambung ke pelayan, dan menerima mesej menggunakan kelas anotasi @Clientendpoint; 4. Gunakan sesi getBasicre
