[Tomekarl]

#html #css #bootstrap

Chciałem sobie wprowadzić 'badge'. Zrobiłem to za pomocą STH
Z tym że wyglada to okropnie(zdjęcie na dole)
Dlatego chciałbym zmienić tło. Z tym, że poniższy kod nie zmienia koloru tła. Pozostałe komendy działają.

.badge {
background-color: #cef6f5;
letter-spacing: -1px;
font-weight: bold;
}

Prosiłbym o jakąś radę, jak sobie z tym poradzić.
Nie ogarniam zbyt dobrze HTML i CSS (╯︵╰,)

[4.....n]

@Tomekarl: !important nic nie daje?

[Tomekarl]

@4d1n: o widzisz, wiedziałem że coś takiego było ale zapomniałem jaka to komenda. działa idealnie, dzięki wielkie

[paziu]

@Tomekarl: !important to zło, zinspectuj to w debugerze przegladarkowym i bedziesz wiedzial, co ci nadpisuje te regule

[crine]

@paziu: zapewne sam bootstrap nakłada tło

[Tomekarl]

@4d1n: important mi działał, ale teraz na telefonie jak otworzyłem tę samą stronę to znów jest jak było :/

@paziu: nadpisuje mi to "media all" atrybut: color. Mogę to jakoś nadpisać/usunąc ten atrybut z "media all" inaczej niż importantem?

[paziu]

@Tomekarl: tak. przegladarka, gdy bedzie miala dwie takie same reguly, to wezmie pod uwage te zadeklarowana pozniej, czyli twoje cssy powinny byc na samym koncu. w dodatku pamietaj o specificity - radze ci poczytac o tym, to sa podstawy, ktorych znajomosc oszczedza wielu nerwow