CSS Class or Id's tree

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
panosru
WebDev Moderator
Δημοσιεύσεις: 1885
Εγγραφή: 13 Σεπ 2005 16:13
Τοποθεσία: Camp

CSS Class or Id's tree

Δημοσίευση από panosru » 14 Ιουν 2006 17:06

esto oti exoume ton eksis HTML kodika

Κώδικας: Επιλογή όλων

<div id="Foo">
	<div id="Bar">Foo Bar</div>
</div>
poio css apo ta prakato theoreite poio sosto?

1

Κώδικας: Επιλογή όλων

* html body div#Foo div#Bar &#123;
	font-family&#58; Verdana, Arial, Helvetica, sans-serif;
&#125;
2

Κώδικας: Επιλογή όλων

html body div#Foo div#Bar &#123;
	font-family&#58; Verdana, Arial, Helvetica, sans-serif;
&#125;
3

Κώδικας: Επιλογή όλων

div#Bar &#123;
	font-family&#58; Verdana, Arial, Helvetica, sans-serif;
&#125;
4

Κώδικας: Επιλογή όλων

#Bar &#123;
	font-family&#58; Verdana, Arial, Helvetica, sans-serif;
&#125;

PS: Ayto den einai kanena quiz san ayta tou skeftomilou pou exei hoby na mas bazei se skepseis :P :lol: apla einai mia prosopikh erothsh :D

Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

CSS Class or Id's tree

Δημοσίευση από ThyClub » 14 Ιουν 2006 17:17

Όσο πιο αναλυτικά είναι τα rules σου τόσο ευκολότερο είναι να κάνεις μια ανανέωση κάποια στιγμή.
Άρα το :

Κώδικας: Επιλογή όλων

div#Bar&#123;
...
&#125;
είναι πιο συγκεκριμένο που αναφέρεται. Πχ δεν μπορείς να το μπερδέψεις με το :

Κώδικας: Επιλογή όλων

<span id="Bar"> 
    
</span> 
;)

panosru
WebDev Moderator
Δημοσιεύσεις: 1885
Εγγραφή: 13 Σεπ 2005 16:13
Τοποθεσία: Camp

CSS Class or Id's tree

Δημοσίευση από panosru » 14 Ιουν 2006 17:43

nai symfono m' ayto apla mia akoma erothsh, theoreis pos einai kalo n' akoloutheis olo to tree?

sibas
Honorary Member
Δημοσιεύσεις: 1851
Εγγραφή: 21 Φεβ 2003 01:21
Τοποθεσία: Μια εδώ.. Μια εκεί.. Σήμερα είμαι εδώ!!!
Επικοινωνία:

CSS Class or Id's tree

Δημοσίευση από sibas » 14 Ιουν 2006 18:16

αυτό είναι ανάλογο με το τι κατασκευάζεις
μια ιδέα (αλλά όχι 100%) μπορείς να δεις εδώ
http://centricle.com/ref/css/filters/

panosru
WebDev Moderator
Δημοσιεύσεις: 1885
Εγγραφή: 13 Σεπ 2005 16:13
Τοποθεσία: Camp

CSS Class or Id's tree

Δημοσίευση από panosru » 14 Ιουν 2006 18:18

to ksero ayto to link ;) bookmark edo kai kairo :P

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

CSS Class or Id's tree

Δημοσίευση από skeftomilos » 15 Ιουν 2006 00:39

Ψηφίζω κι εγώ div#Bar, αν και το απλό #Bar δε μπορεί να είναι λάθος. Νομίζω ότι με τα id τα πράγματα είναι απλά. Αυτά που φέρνουν τη σύγχυση και την αβεβαιότητα είναι τα class:

Κώδικας: Επιλογή όλων

<div class="box">
  <div class="item">Foo</div>
  <div class="item">Bar</div>
</div>

div.box div.item &#123;...
.box .item &#123;...
div .item &#123;...
.box div &#123;...
div.item &#123;...
.item &#123;...
ΟΕΟ;
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

panosru
WebDev Moderator
Δημοσιεύσεις: 1885
Εγγραφή: 13 Σεπ 2005 16:13
Τοποθεσία: Camp

CSS Class or Id's tree

Δημοσίευση από panosru » 15 Ιουν 2006 00:45

nai exeis dikio an kai episeis tora pou to skeytomai den nomizo pos einai aparethto to div#foo efoson den mporeis na exeis pano apo ena id se mia selida.

bebaia tha mou peis posoi einai aytoi pou grafoun valid html... anyway allo zhthma ayto :D

Άβαταρ μέλους
chchrist
Δημοσιεύσεις: 924
Εγγραφή: 28 Ιουν 2003 20:25
Επικοινωνία:

CSS Class or Id's tree

Δημοσίευση από chchrist » 15 Ιουν 2006 00:48

Διορθώστε με αν κάνω λάθος αλλά σε μια σελίδα δεν μπορείς να έχεις 2 ίδια ids οπότε και μόνο το #bar φτάνει . Τα ids είναι για μεμονομένα elements τα class για πολλά.

Άβαταρ μέλους
chchrist
Δημοσιεύσεις: 924
Εγγραφή: 28 Ιουν 2003 20:25
Επικοινωνία:

CSS Class or Id's tree

Δημοσίευση από chchrist » 15 Ιουν 2006 00:49

Χαχα με πρόλαβες.

Το θέμα δεν είναι να ξεχωρίσεις απο το πλήθος;

panosru
WebDev Moderator
Δημοσιεύσεις: 1885
Εγγραφή: 13 Σεπ 2005 16:13
Τοποθεσία: Camp

CSS Class or Id's tree

Δημοσίευση από panosru » 15 Ιουν 2006 00:56

chchrist έγραψε:Το θέμα δεν είναι να ξεχωρίσεις απο το πλήθος;
exeis ena rothmatiko sto telos kai me mperdepses :P erothsh kaneis? h mperdeytikes? giati den katalaba thn erothsh :P

Άβαταρ μέλους
chchrist
Δημοσιεύσεις: 924
Εγγραφή: 28 Ιουν 2003 20:25
Επικοινωνία:

CSS Class or Id's tree

Δημοσίευση από chchrist » 15 Ιουν 2006 00:59

Σε αυτό απαντάω
bebaia tha mou peis posoi einai aytoi pou grafoun valid html... anyway allo zhthma ayto
Αλλά τέσπα είναι όντως άλλο ζήτημα.

panosru
WebDev Moderator
Δημοσιεύσεις: 1885
Εγγραφή: 13 Σεπ 2005 16:13
Τοποθεσία: Camp

CSS Class or Id's tree

Δημοσίευση από panosru » 15 Ιουν 2006 01:03

aaa.. nai sorry eimoun ligo allou eggefalika :P tora to epoiasa..
nai asta na pane, tha protimousa na yparxei kai kanas parser gia html gia na petaei errors :P

Άβαταρ μέλους
chchrist
Δημοσιεύσεις: 924
Εγγραφή: 28 Ιουν 2003 20:25
Επικοινωνία:

CSS Class or Id's tree

Δημοσίευση από chchrist » 15 Ιουν 2006 01:08

Κατέβασε το web developer 1.0.2 plugin για firefox. Έχει validate για όλα.

panosru
WebDev Moderator
Δημοσιεύσεις: 1885
Εγγραφή: 13 Σεπ 2005 16:13
Τοποθεσία: Camp

CSS Class or Id's tree

Δημοσίευση από panosru » 15 Ιουν 2006 01:13

xe xe xe :P
kai gia ie to exo :P

ego allo leo na yphrxe parser pou na ebgaze sfalmata mpas kai mathoun kapote na grafoun sosta HTML h XHTML oxi oti ego eimai o poio sostos ap' olous alla apo fetos prospatho kai pleon grafo ola mou ta sites valid kai apo pleyras html kai apo pleyras css kai me xaropoiei ayto :D

Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

CSS Class or Id's tree

Δημοσίευση από ThyClub » 15 Ιουν 2006 10:51

Το ότι δεν θα έχεις 2 ίδια id στην ίδια σελίδα δεν σημαίνει ότι δεν θα έχεις 2 id rules στο css σου :wink:

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες