dl>dt/dd & :first-child pseudo class

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

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

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

dl>dt/dd & :first-child pseudo class

Δημοσίευση από panosru » 05 Μαρ 2007 21:25

Loipon, esto oti exoume ton eksis html kodika

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

<dl>
	<dt>CSS</dt>
	<dd>Cascading Style Sheets</dd>
	
	<dt>XHTML</dt>
	<dd>eXtensible HyperText Markup Language</dd>
</dl>
kai to antistoixo css

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

dl dt&#58;first-child,
dl dd&#58;first-child &#123;
	background-color&#58; #f1f1f1;
	color&#58; #242424;
&#125;
Den tha htan fysiologiko to proto dt kai to proto dd na exoun background color #f1f1f1 kai color #242424 ? ela omos pou tis idiothtes tis pernei to proto dt mono eno to proto dd den pernei tis idiothtes. An sbhsoume to proto dt (ayto pou periexei to CSS) tote to proto dd tha parei tis idiothtes tou css eno to proto dt (ayto pou periexei to XHTML - mias kai einai to amesos epomeno apo to dt pou perieixe to CSS to opoio to sbhsame-) den tha tis parei.

To theoreite fysiologiko? mou diafeygei kati?

thanks

Edit:

Me CSS3 to parakato tha ekane oti akribos zhtao, krima pou akoma to CSS3 einai ena makryno onoiro.. :(

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

dl dt&#58;first-of-type,
dl dd&#58;first-of-type &#123;
	background-color&#58; #f1f1f1;
	color&#58; #242424;
&#125;
Edit 2:
Ksexasa na episymano oti me bash to w3c sta CSS2 selectors ( http://www.w3.org/TR/REC-CSS2/selector.html ) sto kefalaio 5.11.1 :first-child pseudo-class to senario pou anafero parapano einai ortho alla einai logiko?

Edit 3:
Epidi blaipo oti toulaxiston me CSS2 sketo den ginete tipota telika angkastika na kano xrhsh ths JavaScript (genika thn apofeygo oso poio poly mporo alla kalos h kakos se dieykolhnei se pola themata). H function einai h parakato

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

function _firstChild&#40;searchElement,targetElement&#41;
&#123;
	var searchElement = document.getElementById&#40;searchElement&#41;;
	var searchElements = searchElement.getElementsByTagName&#40;targetElement&#41;;				
	
	try
	&#123;
		searchElements&#91;0&#93;.className += ' first';
	&#125;
	catch &#40;e&#41;
	&#123;
		alert&#40;e.description&#41;;
	&#125;
&#125;
thn kaloume etsi:

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

_firstChild&#40;'dl','dd'&#41;;	
_firstChild&#40;'dl','dt'&#41;;
Sto 1o argument einai to id tou element to opoio theloume na kalesoume kai sto 2o argument einai to element sto opoio theloume na kanoume apply thn class first
Opote opos einai fysiko o html kodikas mas kai o css prepei n' allaksoun kai na ginoun etsi:

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

<dl id="dl">
	<dt>CSS</dt>
	<dd>Cascading Style Sheets</dd>
	
	<dt>XHTML</dt>
	<dd>eXtensible HyperText Markup Language</dd>
</dl>
Edo prosthesa to attribute id me value dl sto element dl

kai to css tha ginei antistoixa:

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

dl dt.first,
dl dd.first &#123;
	background-color&#58; #f1f1f1;
	color&#58; #242424;
&#125;
Edo aferesa to pseudo class first-child kai prosthesa mia class .first

Dystixos, den xairomai pou ekana xrish js gi' ayto mias kai oi xrhstes pou den exoun energopoihmenh thn js den tha kataferoun na to doun.

PS: tha mporousa pantos na balo to first class xeirokeinhta sta prota elements pou thelo na xrhshmopoihso alla den einai h kalyterh lysh.

Απάντηση

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

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

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