[panczaber]

Mam takie pytanko może mądre może głupie nie wiem ( ͡° ʖ̯ ͡°)
jestem początkujący, CSS:

cośtam: drugiecośtam

w CSS ustawiam właściwości dla .elem i nie działaja dla spana w środku, wydawało mi się że dzieci dziedziczą właściwości rodziców?

#css

[MrGreeneye]

@panczaber: bo dziedziczą, np color. Musiałeś ustawić coś, co jest dla tego konkretnego elementu. Padding, position czy inne

[husky83]

@panczaber: Coś kłamiesz, dziedziczenie ma się dobrze

[MrGreeneye]

@panczaber: https://codepen.io/anon/pen/jpzqLO

[husky83]

@panczaber: tekst czerwony kolor
.elem {color:red;}
'tekst' na czarno, 'czerwony kolor' na czerwono.

[panczaber]

poniżej cały plik css i html, span w spanie.elem nie ma w ogole formatowania :/

*{
 margin: 0;
 padding: 0;
 font-size: 10px;
}

main{
 display: block;
 margin: 10px auto auto 10%;
 width: 80%;
}
.elem{
 display: inline-block;
 height: 30px;
 font-size: 2rem;
 margin: 0 10px;
}

Sprawdź
costam: COSTAM

[c.....k]

@panczaber: a gdzie link do css w html?

[panczaber]

@cichy_brzek: nie no wszystko podpiete ale nie chcialem syfu robic z headem :-)

[panczaber]

@cichy_brzek: @husky83: @MrGreeneye:
https://codepen.io/peere91/pen/XBEdEM

chciałem żeby "DHL" miał takie samo formatowanie :/

[c.....k]

@panczaber: ok :D daj 'span .elem' zamiast samej klasy

[panczaber]

@FairPlay: chociażby wielkość czcionki

[c.....k]

@panczaber: a najlepiej zrób tak:

Sprawdź
Kurier:
DHL

[panczaber]

@cichy_brzek:
.elem, .elem span
taki selektor poleciał i śmiga :P bo jak robiłem tak jak napisałeś to było to samo

[panczaber]

@cichy_brzek: spróbowałem i później w CSS selektor .elem nie śmiga... nie wiem coś nie tak mam z tym plikiem chyba :/

[c.....k]

@panczaber: to raczej coś z przeglądarką masz bo na codepenie jest ok

[FairPlay]

@panczaber: W sumie jak zmienisz * na html, działa też bez zarzutu

[panczaber]

nie zmienia mi fonta na codepenie, nadal jest 10 :/ u Ciebie jest inaczej?

[panczaber]

@FairPlay: a no zmieniłem * na html i działa... co to za magia? ( ͡° ʖ̯ ͡°)

[FairPlay]

@panczaber:
body
Applies style properties to body element.
Elements within body may inherit the property values. Some properties default to 'inherit'.
Style declarations that match an element within body can override the inherited style.
**The Universal Selector * (all elements)**
Applies style properties to all individual elements.
Replaces inherited style properties, and default 'initial values'. Blocks inheritance.
Other, more specific css selectors that match an element will replace the style properties

[panczaber]

@FairPlay: ja chyba co chwilę na takie dziwne rzeczy natrafiam ( ͡° ʖ̯ ͡°) co robię nowy sandbox to nowe problemy.
dzięki za pomoc

[FairPlay]

@panczaber: Za każdym pieprzonym razem ( ͡° ͜ʖ ͡°)

[panczaber]

@FairPlay: haha ^^ tak dokładnie... chyba jednak zacznę korzystać z frameworków nawet do prostych spraw.

[janekhe]

@panczaber: nie rob tego

[panczaber]

@janekhe: wow niezłe przebudzenie po miesiącu ( ͡° ͜ʖ ͡° )つ──☆*:・ﾟ
a jakiś konkretny powód? Chodzi mi o proste zajawki, na frameworkach jednak ładniej to wygląda

[janekhe]

@panczaber: o wiele wiecej nauczysz sie bez zadnego frameworka, ale jesli tak chcesz pracowac to zaden problem

[panczaber]

@janekhe co prawda to prawda. Będę dalej tryhardowac ( ͡º ͜ʖ͡º)