css brak możliwość określenia styli

pytanie zadane 23 sierpnia 2017 w HTML i CSS przez pebrzosky Obywatel (1,160 p.)

Cześć. Czy ktoś ma jakiś pomysł dlaczego pisząc kod nie mogę określić styli w pliku css dla pewnych klas? Poprzednie klasy elegancko udało się wystylizować w CSS, natomiast dalej nie mogę. Dopiero kiedy określę te style w pliku html to działa. Wszystko jest dobrze podpięte, w sensie plik CSS występuje po pliku bootstrapowym

komentarz 23 sierpnia 2017 przez xmentor Nałogowiec (49,520 p.)

Kod?

Na początek spróbuj CTRL+F5

1 odpowiedź

odpowiedź 23 sierpnia 2017 przez bartek-koduje Bywalec (2,490 p.)

h1 {
	color: red !important;
}

h1 {
	color: green;
}

Być może próbujesz ostylować element, który jest już ostylowany przez bootstrap jako !important. Z powyższego przykładu ten pierwszy "h1" ma większą moc. Chociaż pewności nie mam bo w pliku CSS bootstrapa naliczyłem ok. 65 importantów. Napisz proszę więcej szczegółów.

komentarz 23 sierpnia 2017 przez pebrzosky Obywatel (1,160 p.)

hmm, po ciężkich próbach udało się naprawić, problemem chyba było to że do stworzonej przeze mnie klasy rozpoczynającej daną sekcję była również przypisana klasa container ( która z tego wynika powinna być oddzielnie) dobrze myślę?

komentarz 23 sierpnia 2017 przez bartek-koduje Bywalec (2,490 p.)

Nie miałem z tym nigdy żadnych problemów. Przykładowo

<div class="container druga-klasa"></div>

.druga-klasa {
background: red;
}

powinno bez problemu pokolorować tło kontenera bootstrapowego. :) Chociaż w sumie bez obejrzenia kodu ciężko to stwierdzić :)

komentarz 24 sierpnia 2017 przez pebrzosky Obywatel (1,160 p.)

w sumie jeśli masz możliwość to spójrz proszę w kod. Przepraszam z góry jeśli kod będzie mało przejrzysty :P Spacją oddzieliłem konkretne sekcje. Problem nadal wystepuje. W części gdzie jest formularz jak widzisz musiałem tam wstawić kod w plik html dopiero wtedy działa

https://pastebin.com/5MFQGyQR

komentarz 24 sierpnia 2017 przez bartek-koduje Bywalec (2,490 p.)

Jeśli chcesz stylować inputa to dodajesz mu klasę po tych bootstrapowych np.

<input class="form-control moja-klasa">

Później w CSS możesz bez problemu je ostylować. Mam prośbę, wrzuć ten kod na jsfiddle albo codepen lub jsbin, żeby można było na nim popracować, to od razu byśmy wyłapali co się dzieje.