Hanya menggunakan css, tambahkan gaya css kepada induk .apply-style-here (tanpa kelas .second-stage)-Soal Jawab Rangkaian PHP Cina
Hanya menggunakan css, tambahkan gaya css kepada induk .apply-style-here (tanpa kelas .second-stage)
P粉798010441
P粉798010441 2023-09-11 14:23:08
0
1
501

Cara menggunakan gaya pada div induk .apply-style-di sini dengan hanya memenuhi syarat ini

  1. Ibu bapa .apply-style-here hendaklah div biasa atau tanpa kelas .peringkat kedua
  2. Ibu bapa kepada ibu bapa .apply-style-here tidak sepatutnya mempunyai .peringkat kedua Terima kasih
Content
Content
Content

Cuba penyelesaian

/* Result: Put border to all parent of apply-style-here class */ .first-stage:has(div > .apply-style-here) > div { /* margin-top: 20px; */ border: 1px solid red; } /* Result: No styles applied at all */ .first-stage:not('div > .second-stage') > div { border: 1px solid blue; } /* Result: No styles applied at all */ .first-stage:has(div:not('.second-stage') > .apply-style-here) > div { border: 1px solid blue; } /* Result: Applied to all .apply-style-here even second .second-stage is present */ .first-stage:has(div:not(.second-stage) > .apply-style-here) > div { border: 1px solid blue; } /* Result: Applied to all .apply-style-here even second .second-stage is present */ .first-stage:has(div:not(.second-stage > .apply-style-here)) > div { border: 1px solid blue; }

P粉798010441
P粉798010441

membalas semua (1)
P粉814160988

Berdasarkan penerangan anda, pemilih berikut mungkin berfungsi:

:not(.second-stage) > :not(.second-stage) > .apply-style-here

:not(.second-stage) > :not(.second-stage) > .apply-style-here { border: solid 1px blue; }
Content
Content
Content
    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!