Berapakah bilangan pemilih CSS yang boleh disertakan?
P粉002572690
P粉002572690 2023-08-16 11:30:40
0
1
503
<p>Saya telah cuba mencari jawapan kepada masalah ini, tetapi tidak berjaya: </p> <p>Saya menggunakan pemilih css untuk mencari semua nama kelas bermula dengan col-1, col-2, col-3, col-[class*="col-"]. Tetapi saya bercanggah dengan beberapa nama kelas integrasi pihak ketiga yang lain: <code>col-md-11</code>, <code>col-lg-2</code>, <code>col-sm - 3</code>... Terima kasih banyak, adakah sesiapa mempunyai idea untuk memilih hanya nama kelas: col-1, col-2, col-3, col-... Cara paling ringkas (mungkin hanya satu baris kod). </p> <p>Contoh HTML saya: </p> <pre class="brush:php;toolbar:false;"><div class="row row_1"> <div class="col-4"></div> <div class="col-10"></div> <div class="col-3"></div> <div class="col-md-11"></div> </div> <div class="row row_2"> <div class="col-12"></div> <div class="col-lg-2"></div> <div class="col-8"></div> <div class="col-sm-3"></div> </div></pre> <p>Saya cuba mencari di internet tetapi tidak menemui penyelesaian. </p>
P粉002572690
P粉002572690

membalas semua(1)
P粉416996828

Ia agak rumit, tetapi anda boleh menggabungkan kandungan sedia ada anda dengan pemilih :bukan;

[class*='col-']:not([class*='col-md'],[class*='col-lg'],[class*='col-sm']){
  color: red;
}
<div class="row row_1">
  <div class="col-4">红色</div>
  <div class="col-10">红色</div>
  <div class="col-3">红色</div>
  <div class="col-md-11">非红色</div>
</div>
<div class="row row_2">
  <div class="col-12">红色</div>
  <div class="col-lg-2">非红色</div>
  <div class="col-8">红色</div>
  <div class="col-sm-3">非红色</div>
</div>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan