Diskon 80% terbatas! Masukkan kupon "merdeka" di kelas apa saja

Bagaimana cara mengubah warna di bootstrap?

Misalnya class jumbotron kenapa hanya bisa di rubah warna backgroundnya jika kita menambahkan kata !important setelah warnanya? Misalnya :


.jumbotron {
   background: black!important;
}

avatar iamfreestyler
@iamfreestyler

341 Kontribusi 57 Poin

Diperbarui 7 tahun yang lalu

2 Jawaban:

hmm, sama. mau nanya ini jga tadi. tapi keduluan yaudah nongkrong disini aja.

avatar pemudakoding
@pemudakoding

342 Kontribusi 120 Poin

Dipost 7 tahun yang lalu

prioritas style pd css :

1. inline => <a href="#" style="">tes</a>
2. internal => <style></style>
3. eksternal (link) => <link href="#">

tapi aturan tersebut masih bisa dikondisikan dengan menggunakan !important... (PENTING)
sederhananya gini...

!important
=> digunakan untuk memberi tahu si CSS.. bahwa.. baris kode tsb..paling diprioritaskan.

contoh :


<style type="text/css">
  .warna{
    background: blue !important;
  }

  .warna2 {
    background: red;
  }
</style>

<form>
  <!-- warna jd biru (padahal ditaruh di internal css seharusnya
   kalah dari inline css (orange) tapi karena ada !important maka dia yg diterapkan  -->
  <input  type="text" style="background: orange" class="warna">

 <!-- warna tetap orange bukan merah karena inline prioritas 1 -->
  <input type="text" style="background: orange" class="warna2">

</form>

dan..jika semuanya ada !important nya gimana donk.. mana yg harus didahulukan.. ya ...kembali ke laptop heheh.. (ke aturan awal) contoh

<style type="text/css">
  .warna{
    background: blue !important;
  }
</style>
<form>
  <!--
  warna jd hijau....walaupun class warna pd internal css ada !important ..
  tp pd inline sama2  !important jg. maka kembali ke aturan awal..
  -->
  <input  type="text" style="background: green !important" class="warna">

</form>

Semoga Jelas dan Paham tentunya.... semoga Membantu (^_^)/ ...

avatar ciloxz
@ciloxz

284 Kontribusi 139 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban