Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
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;
}
0
2 Jawaban:
hmm, sama. mau nanya ini jga tadi. tapi keduluan yaudah nongkrong disini aja.
1
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 (^_^)/ ...
0