Ιδιοτητες μονο μεσα στα tag ενος div αποκλειστικά.

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

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

Απάντηση
Άβαταρ μέλους
gaucho
Honorary Member
Δημοσιεύσεις: 2411
Εγγραφή: 22 Δεκ 2002 13:18

Ιδιοτητες μονο μεσα στα tag ενος div αποκλειστικά.

Δημοσίευση από gaucho » 06 Μαρ 2014 08:59

Θελω μεσα στα ταγκ πχ UL , LI να εραμόζονται μόνο οι ιδιότητες που θα ορίσω για το DIV με κλάση .dokimi


Δηλαδη εκτος .dokimi να ΜΗΝ επηρεάζονται τα tag απο άλλους ορισμους. Πχ body li { mpla mpla } NA MHN εφαρμόζετε μέσα στα li του tag div με κλάση .dokimi.

Πως γίνεται?

Άβαταρ μέλους
webdevgr
Δημοσιεύσεις: 709
Εγγραφή: 11 Δεκ 2010 17:25
Τοποθεσία: Ηράκλειο
Επικοινωνία:

Ιδιοτητες μονο μεσα στα tag ενος div αποκλειστικά.

Δημοσίευση από webdevgr » 06 Μαρ 2014 09:44

Κοίτα αν έχεις μια γενική δήλωσή στο css για τα ul, li αυτή θα εφαρμοστεί σε όλα τα ul, li

Εκτός κι αν υπάρχει μια δήλωση που την υπερκαλύπτει. πχ στην class δοκιμή ορίζεις εκ νέου τις ιδιότητες που θέλεις και για να είσαι σίγουρος ότι θα εφαρμόζονται μόνο αυτές βάζεις και το !important σε κάθε ιδιότητα

Άβαταρ μέλους
Alice_Cooper
Δημοσιεύσεις: 1948
Εγγραφή: 11 Μάιος 2007 00:33
Τοποθεσία: Ioannina
Επικοινωνία:

Ιδιοτητες μονο μεσα στα tag ενος div αποκλειστικά.

Δημοσίευση από Alice_Cooper » 06 Μαρ 2014 11:20

kati tetoio????

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

<html>
<head>
<title>test</title>
<style>
ul &#123;list-style-type&#58; none;position&#58; relative;&#125;
li &#123;float&#58; left;text-align&#58; center;margin-right&#58; 5px;margin-left&#58; 5px;margin-top&#58; 5px;&#125;
a&#58;link, a&#58;visited, a&#58;active  &#123;font-size&#58;1em; color&#58; #3E7F57; text-decoration&#58;none; &#125;
a&#58;hover &#123;font-size&#58;1em; color&#58; #005A22; text-decoration&#58;none; &#125;
#dokimi &#123; clear&#58;both;width&#58; 100%;&#125;
#dokimi ul &#123;list-style-type&#58; none;position&#58; relative;&#125;
#dokimi li &#123;float&#58; left;text-align&#58; center;margin-right&#58; 5px;margin-left&#58; 5px;margin-top&#58; 5px;&#125;
#dokimi a&#58;link, #dokimi a&#58;visited, #dokimi a&#58;active  &#123;font-size&#58;1em; color&#58; #5C5C5C; text-decoration&#58;none; &#125;
#dokimi a&#58;hover &#123;font-size&#58;1em; color&#58; #000000; text-decoration&#58;none; &#125;
</style>
</head>
<body>
<ul>
	<li><a href="#">link 1</a></li>
	<li><a href="#">link 2</a></li>
	<li><a href="#">link 3</a></li>
	<li><a href="#">link 4</a></li>
</ul>
<div id="dokimi">
	<ul>
		<li><a href="#">link 1</a></li>
		<li><a href="#">link 2</a></li>
		<li><a href="#">link 3</a></li>
		<li><a href="#">link 4</a></li>
	</ul>
</div>
</body>
</html> 

Άβαταρ μέλους
gaucho
Honorary Member
Δημοσιεύσεις: 2411
Εγγραφή: 22 Δεκ 2002 13:18

Ιδιοτητες μονο μεσα στα tag ενος div αποκλειστικά.

Δημοσίευση από gaucho » 06 Μαρ 2014 19:24

Ευχαριστω για τις απαντησεις. Αυτα τα 2 τα εχω κανει και δοκιμασε. Αλλου ητανε το προβλημα τελικα. Με τη σειρα που καλουσα τις συναρτησεις της jquery. Εχει σημασια η σειρα τελικα

Απάντηση

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

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

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