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 » 15 Ιουν 2006 14:45

ma kai sto css einai lathos na exeis px

#foo { }

kai kapou poio kato pali

#foo { }

o monos tropos gi' ayto einai na exeis

#foo { }

kai kapou poio kato

* html #foo { } //Den to diabazei o ff

allios den einai valid

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

CSS Class or Id's tree

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

Ρε αυτό λέω. Δέν θα το πάς :

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

#bar{...} #bar{...}
αλλά:

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

div#bar{....} span#bar{....}

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

CSS Class or Id's tree

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

aaaaaa sorry den se katalaba!!! :P
nai symfono ;)

Άβαταρ μέλους
Cue
Δημοσιεύσεις: 19
Εγγραφή: 12 Απρ 2005 17:07
Επικοινωνία:

CSS Class or Id's tree

Δημοσίευση από Cue » 16 Ιουν 2006 12:44

ThyClub έγραψε:Ρε αυτό λέω. Δέν θα το πάς :
αλλά:

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

div#bar{....} span#bar{....}
Μια μικρή πινελιά από μένα...

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

body#main div#bar{....} 

body#about span#bar{....}
Αν και πιστεύω ότι κάπου υπάρχει μία δόση υπερβολής.
Εφόσον δύο ή παραπάνω elements έχουν το ίδιο id πιθανόν να θέλεις class.

Όσον αφορά το tree τώρα, προσωπικά έχω σαν reference ένα related id και ξεκινάω από εκεί, όχι από την αρχή του dom tree

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

div#news h1#header
και πάντα με αναφορά στο element γιατί σε βοηθάει να γνωρίζεις τα valid CSS properties.
π.χ.

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

div#news
Εικόνα

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

CSS Class or Id's tree

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

kai go kati tetoio kano, px se ena menu ths parakato domhs:

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

<div id="menu">
    <ul>
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
    </ul>
</div>
xrhshmopoio gia na esoterika elemenets tou div to id tou div px

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

#menu ul &#123; &#125;
#menu ul li &#123; &#125;

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

CSS Class or Id's tree

Δημοσίευση από cherouvim » 17 Ιουν 2006 02:30

Min spatalas ena olokliro div. Katefthian <ul id="menu">

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

CSS Class or Id's tree

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

paliotera etsi ekana alla mia fora gia kapoio logo den me boleye den thymamai giati kai anagkastika na balo ena eksoteriko div kai apo tote mou emhne... :S

Απάντηση

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

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

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