Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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;
}
2 Jawaban:
hmm, sama. mau nanya ini jga tadi. tapi keduluan yaudah nongkrong disini aja.
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 (^_^)/ ...