ďťż

[CSS] tworzenie styli - nietypowe oznaczenia

       

Podstrony


telcocafe

Witam,
czy moze mi ktos powiedziec co oznacza np. taki styl:
#right_mod div.module div{ width: 181px; }
wiem, ze bedzie sie odnosil do elementow z id=right_mod i beda one mialy szerokosc 181px - to jest oczywiste
ale co oznacza to div.module div
jeszcze inne przyklady:
#right_mod div.module div div div { ... } #left_mod div.module-adv h3 { ... }

ew. pod jakim haslem poszukac tego w necie (nie mowcie, ze css, bo wtedy znajduje tylko standardowe konstrukcje)

pozdrawiam



ad 1. Nie będzie się odnosiło do id=right_mod, tylko do div wewnątrz div o klasie=module, który jest wewnątrz id=right_mod. Czytaj od lewej do prawej, jak jest spacja między oznaczeniami to oznacza że element-dziecko poprzedniego.
ad 2.1. div wewnątrz div wewnątrz div wewnątrz div wewnątrz div o class=module wewnątrz id=right_mod :)
ad 2.2. element h3 wewnątrz div o class=module-adv wewnątrz id=left_mod

np.
ad. 1:
<div id="right_mod"> <div class="module"> <div> <!-- dowolny div, niezaleznie od id i klasy --> <!-- to będzie ostylowane --> </div> </div> </div>
Użytkownik Einzeinbleth edytował ten post 08 czerwiec 2008, 11:36

Witam, czy moze mi ktos powiedziec co oznacza np. taki styl:
#right_mod div.module div{ width: 181px; }
wiem, ze bedzie sie odnosil do elementow z id=right_mod i beda one mialy szerokosc 181px - to jest oczywiste
ale co oznacza to div.module div
jeszcze inne przyklady:
#right_mod div.module div div div{} #left_mod div.module-adv h3{}
ew. pod jakim haslem poszukać tego w necie (nie mówcie, ze css, bo wtedy znajduje tylko standardowe konstrukcje). Pozdrawiam


Hmm to jest standardowy CSS :P #left_mod div.module-adv h3 oznacza, że dany style dotyczy tylko elementu H3, umieszczonego w elemencie DIV z przypisaną klasą module, który to jest z kolei w ciele znacznik o id=left_mod. To wszystko. Po prostu opisuje to element, którego dotyczy styl, tylko wtedy, gdy ten element jest zagnieżdżony zgodnie z zapisem. Ot cała filozofia. A, zapis ten oznacza też, że w/w element H3 dziedziczy właściwości po tych elementach wcześniej podanych*(wymienionych).

Einzeinbleth: spóźniłem się :D
Użytkownik Tomek92 edytował ten post 08 czerwiec 2008, 11:37
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.