css neaiskumai

Teko biski pasimokinti CSS tai dabar iskilo pora neaiskummu, nelabai supratau kam div stilius yra rasomas vienas paskui kita pvz

#header #logo

arba

#header #logo #slogan

nerandu informacijos apie tai

#header { width: auto; height: 136px; padding: 0 14px; background: url(../img/header.jpg) top left no-repeat; }
#header #logo { float: left; margin: 0 0 0 14px; padding: 17px 0 0 0; }
#header #logo #slogan { margin: 4px 0 0 7px; font-size: 19px; color: #e3bc94; }

gal kas galetu paaiskinti kaip tai vadinas nes negaliu pasigooglint nezinodamas, maniau kad tai paveldejimas, bet paaiskejo, kad ne.

Tai yra placiai naudojama ? verta gilintis ?

pirma, tai labai prastas pavyzdys, apskritai, stenkis nenaudoti id. juos galima dėti ant formų ar kažkokių elementų, su kuriais nori atlikti js'o manipuliacijas.

čia, jei gerai supratau, ko tu klausi, yra galima sakyti hierarchija. nurodai, koks elementas, kokiame turi būti. ilgos hierarchijos stenkis vengti.

inline stylingas duoda 1000 taškų, id 100, pseudo klasė, atributas ar klasė, duoda 10 taškų ir 1 tašką duoda elementas. Tam kad permuštum atitinkamą property, turi surinkti atitinkamą taškų kiekį, būtent todėl nepatariu naudoti id, jei dabar nesupranti kodėl, vėliau suprasi (naudodamas id, pradėsi klases permušinėt su ilgais selektoriais arba !important taisyklėmis ir etc, vnž modifikuoti tokį dizainą yra sunku).

ir nepamiršk, jog browseriai skaito selektorius iš dešinės į kairę. kai aš mokiausi css'o, man tai buvo didelė staigmena :D

apskritai, tos stailinimas kaip čia nurodytas(tik be id...) yra naudojamas tik labai dideliuose projektuose ir tik tiems, elementams, kurie atsikartoja layoute, bet yra šiek tiek pakitę (pvz susiaurėjęs wrapperis ir etc)

Tai yra placiai naudojama ? verta gilintis ?

į šį pavyzdį visiškai neverta gilintis, nes tai yra bloga praktika, o kai išmokstama blogai kodinti, sunkiausia yra "pamiršti ką išmokai", o dar sunkiau, kad kas nors tau paskaytų, jog tai darai blogai.

nežinau iš ko tu mokaisi, bet kas parašė šį pavyzdį, turėtų pats pasimokyti css'o, o ne mokyti kitus.

taip nurodoma div elementų hierarchija ir CSS kodo priskyrimas konkrečiai tam tikram DIV

pvz, pagal tavo CSS iškarto suprantu, kad yra tokia DIV struktūra:

<div id="header">
<div id="logo">
<div id="slogan">
...
</div>
</div>
</div>

taigi

"#header" - nusako viso #header div'o stilių

#header #logo - nusako logo div'o stilių, kuris yra header div'e

#header #logo #slogan - nusako slogan div'o stilių, kuris yra logo div'e, o pastarasis header div'e

 

tikiuosi aiškiai išdėsčiau mintis :P

 

P.S. ---------------------

 

dar šiek tiek aiškumo (tikiuosi)

pvz turime tokį kodą

#header{ ... }
#header .logo{ ... }

ir tokį

#header{ ... }
.logo{ ... }

pirmajame variante logo klasei priskiriamas stilius tik tada, kai ji yra HEADER div'e

antrajame, stilius priskiriamas nepriklausomai, kur ta klase pažymėtas elementas yra "padėtas" bendrame kode

o jei id uždėsi ne ant div'o - fail?

Supratau, praktika atlikineju tai pasake daryk pagal pavyzdi :lol:

hei, jis klausė apie DIV'us :rolleyes:

dar paklausk ar galima du vienodus ID naudoti ir ar galima parašyti <div id="11">...</div> ^_^

tai jis mokosi, o kode tai visai ne tai :D

nesikabinėju, tiesiog turėtumėm kalbėti taisyklingai.