简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

CSS邻接选择器_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 11:40:48
asal
1214 orang telah melayarinya

div + p{

  ...

}

选中与div'相邻'的p


这个相邻为什么打引号?

<!DOCTYPE html><html><head><style>div + p {    background-color: yellow;}</style></head><body><p>Paragraph 0. Not in a div.</p><div><p>Paragraph 1 in the div.</p><p>Paragraph 2 in the div.</p></div><p>Paragraph 3. Not in a div.</p><p>Paragraph 4. Not in a div.</p></body></html>
Salin selepas log masuk

哪些p会是补选中的呢?


只有 3 是被选中的,如果出乎意料,说明你这个'相邻'没有搞清楚


那么0 为什么没有呢?它也是div的相邻元素


原来 '+' 这个所谓的相邻只是'紧随其后的相邻'


相邻2

div ~ p{

...

}

<!DOCTYPE html><html><head><style>div ~ p {    background-color: yellow;}</style></head><body><p>Paragraph 0. Not in a div.</p><div><p>Paragraph 1 in the div.</p><p>Paragraph 2 in the div.</p></div><p>Paragraph 3. Not in a div.</p><p>Paragraph 4. Not in a div.</p></body></html>
Salin selepas log masuk

3 ,4 会被选中..此处'相邻'为:'其后的相邻'



Label berkaitan：
CSS邻接选择器
sumber：php.cn
Artikel sebelumnya：使用CSS3各个属性实现小人的动画_html/css_WEB-ITnose Artikel seterusnya：Html Table 合并单元格_html/css_WEB-ITnose
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
Artikel terbaru oleh pengarang
Isu terkini
Gunakan JS untuk mengawal kualiti main balik Adakah terdapat cara untuk mengawal kualiti main balik video menggunakan Javascript? Lebih...
daripada 2024-04-04 00:21:55
0
1
384
Bagaimana untuk menggunakan pemilih CSS untuk menyasarkan elemen div yang mengandungi atribut atau teg tertentu? Saya sedang mengusahakan sistem POS yang menjana laman web. Kebanyakan kod adalah propriet...
daripada 2024-04-03 22:25:59
0
1
277
Bagaimana untuk menyemak sifat lebar pemilih kelas CSS? Contohnya ialah .label{} Berikut ialah ulasan saya tentang kod css, di mana saya memilih lebar 270 untuk .label: Ji...
daripada 2024-04-01 17:45:11
0
1
338
Jarak fleksibel rosak apabila cuba melimpahi teg <pre><code> HTML dan bukannya membalut Saya menggunakan CSS pada pemilih prakod untuk membuat blok kod gaya seperti yang anda aka...
daripada 2024-04-01 12:22:06
0
1
296
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！