CSS 3 selectors
January 10th, 2006 by Sonja DuijvesteijnYou know all about childs electors, pseudo classes and pseudo elements. But is that all CSS you need to know? Not with CSS 3 coming. The W3C has put out a working draft for CSS 3 selectors on the 15th of December. But what’s in it?
Do remember that there is only a working draft right now, and some changes might still be made.
All new?
Not everything is new in CSS 3 of course. There’s the functions that are also in the earlier versions. Off course, there’s still the universal, class, desendant, some pseudo class and pseudo element selectors.
All old then?
There’s a lot of new and good stuff coming. For example, the attribute selectors. With css 2 you could something like div[class=”nav”] to only affect the divs that have the name nav. Assume there’s a page with this html.
<div class='nav-top'></div> <div class='content-main'></div> <div class='content-bottom'></div> <div class='extra-content'></div> <div class='nav-bottom'></div>
Not a too uncommon site. With a stylesheet for printed media there might be the need to hide the navigation div’s. With css 2 you would have to do this with naming all classes that needed to be hidden. In css 3 however the following will work just as well.
/* selects all div's with a class that starts with "nav" */ div[class^="nav"]
Almost the same thing can be done with a substring selector. And for getting only classes that end with a certain string.
/* selects all div's with a class that has "nav" in it*/ div[class*="nav"] /* selects all div's with a class that end with "bottom" */ div[class$="bottom"]
the nth pseudo class
There’s a number of selectors in the document, that can point out the nth element. There’s four different types.
/* selects every even child of a div */ div:nth-child(2n) /* selects every odd child counting from the last one */ div:nth-last-child(2n+1) /* selects every other img tag */ img:nth-of-type(2n) /*Selects the 4th element of that type counting from the back*/ E:nth-last-of-type(4)
The not selector (negation pseudo-class)
Have you ever made a form where all borders should be 0.1 em and colored, all except the radio button. With the attribute selector you can change the border colour for the radiobutton again. But why set it in the first place?
input:not([type="radio"])
Read more about css selectors
CSS 2 Attribute selectors
CSS selectors
Related posts
More CSS
CSS 2 Attribute selectors
Font-sizes in css: em ex px, mm cm in pt pc, %
July 3rd, 2008 at 1:57
Thanks, grade locality, has added in elite.
July 21st, 2008 at 4:17
[URL=http://en.netlog.com/parishiltonnaked]paris hilton naked[/URL]
October 25th, 2008 at 10:38
football pick daily nation kenya dnevni horoscope
October 26th, 2008 at 11:27
mobile home manufacturer disney mobile pussy tight virgin
December 6th, 2008 at 12:24
lmh corona newyorkstate song notta
December 6th, 2008 at 2:44
mrcp mandolin brothers nmcourts
January 30th, 2009 at 2:58
[URL=http://finnans2.5x.to/payday-advanced.html]Payday advanced, payday advancement, payday advances[/URL]
spaydayusa
same day payday loan
payday advances australia
paydayloan2
payday loan personal
no faxing payday loan
payday loans for bad credit
payday loan for self employed
no direct deposit payday loan
faxing loan no online payday printing
payday loan with guaranteed no faxing
lottery number ontario payday
payday advance canada
freewebs.com link loan online optional payday url
pay day cash advance payday loan
ics payday loan
no fax payday cash advance
payday loan markham
payday cash advance new mexico
quikpaydayloan.com
quickest payday loan.com
payday cash advance pennsylvania
faxless payday loan for savings account
instant loan online payday
faxing loan online payday without
payday cash advance kansas
paydayok
payday advance loan michigan
payday loan
payday loan with no employment check
payday notice law
no checking account required payday loan
fixed income loan payday
payday advance loan oregon
no faxing needed payday loan
lender lending loan payday payday payday
quick payday cash
quick payday loan.com
payday cash advance california
quikpayday
faxless loan online payday right
payday loan online
low cost payday loans
no fax payday loan company
personal payday loans
payday laons
no fax quick payday loan no direct deposit needed
payday and auto title loan
payday loan western union
payday advance loan illinois
payday board game rules
payday loan with savings account only
instant payday loan completely online
payday advances no faxing
payday advance garland
payday advance loan arkansas
georgia loan online payday
quik payday loan
payday advance companies
payday loan without bank statement
quick paydays
sonic payday loans
surveypayday.com
help legal loan payday
payday loan without faxing
no credit check payday loan
payday candybar
software check cashing payday loan
payday loan savings
loan online payday site web
no fax no hassle payday loan
quickpayday.+com
payday loan delaware
followup payday post
payday loan in manitoba
paydayloans.
payday check advance
payday loan arkansas
payday free cell cheat
payday loan bad credit no faxing
instant approval for no credit check payday loan
online savings account payday loan
payday loans no fax no credit check
lotto ontario payday
payday loan credit check
guaranteed payday loan
online payday loan no faxing
new faxless payday loan
instantcashloantillpayday.com
payday cash advance idaho
no teletrack payday loans
online payday loan application
no fax needed payday loan
payday advance quebec
payday cash advance minnesota
how to get out of payday debt
payday loan calculator
paydayloans.co.uk
payday lending
faxing loan no no payday telecheck
faxless payday cash advance
payday okay
paydayokay
online no fax payday loan
loan necessary payday provide service
quick cash payday
ga loan payday
payday cash advance washington
payday advance centers
no payday loans
payday in advance
to borrow money till next payday
faxless international loan payday
jeff burtons payday
payday cash advance wyoming
payday loans canada
one hour payday loan no faxing
low fee payday loans
no faxing payday loan quick
payday loan law
paydayone.com
glendale payday loan
no document payday loan
get loan online payday
payday loan lead
immediate payday loan
get payday cash advance
payday loan store milwaukee
installment loan payday short term
online payday cash advance
no fax canada payday loan
instant payday
payday loan no faxing required
quickpaydayloan.com
payday advance no faxing
military payday advance
payday advance irving
paydays loans
payday advance loans bank lending paycheck fast cash
payday advance durham
payday lending legislation
payday loan affiliate program
quikpayday.ca
faxing payday loan
payday loan cash advance loan
payday lottery canada
low interest rate payday loan
payday loans no credit checks
payday loan company
no checking account payday advance
winning numbers for payday lottery
payday cash advance florida
payday cash advance tennessee
get a payday loan
payday advance toronto
payday loan collection agency
payday advance loan washington
payday loan service
payday loan no faxing cheap
payday cash advance north dakota
long beach payday loan
faxless payday loan.com
financial loan payday prescott
payday loan kansas city
quick payday
payday loans no faxing
payday loan fraud
fee loan low online payday
faxless payday loan same day
multi payment payday loan
guaranteed faxless payday loan
instant line loan payday
loan payday web
savings account payday loan with no direct deposit
faxing loan no payday required
payday ok loan
payday loan.com
payday cash advance
instant cash online payday advance
money tree payday loan
payday advance lubbock
payday loan immediately
payday advance 1
no hassel payday loan
payday loan no fax
interest loan low payday rate
payday cash loan in canada
faxless bad credit payday loan
payday loans online with instant approval
faxless low cost payday loan
payday loans uk
no faxing payday loans.com
payday cash advance utah
payday advanced
quick faxless payday loan
payday cash advance nebraska
quickpayday
get hard loan payday
payday advance santa ana
no bank statement payday advance
payday loan software canada
payday cash advance loans
payday loans with no faxing
payday cash advance maryland
loan till payday.com
paydaysurveys
payday loan easy no faxing
payday loan business for sale
no teletrack no credit check payday loan
payday loans las vegas
faxing loan no payday
payday loan no fax no credit check
paydayloans canada
payday loan in canada
gw financial payday loan
payday loan fee
faxless online payday loan
payday loan in georgia
March 23rd, 2009 at 12:50
I need a driver for my phillips snn6500 wireless netcard
or smc2632 wireless net card
I can`t make them run on linpus linux lite
please help
regards
Bedneceencown
April 8th, 2009 at 11:54
I need a driver for my phillips snn6500 wireless netcard
or smc2632 wireless net card.
I can`t make them run on linpus linux lite.
Please help.
Regards,
Bedneceencown
November 10th, 2009 at 8:50
http://castironhostingreview.com/cp/images/digits/default/sitemap.html - Vickirene.net
April 28th, 2010 at 6:45
miley cyrus nude naked http://mileycyrusnaked.org miley cyrus nude hoax
April 29th, 2010 at 7:52
holly madison nude video http://hollymadisonnude.net playmate holly madison naked
April 30th, 2010 at 7:06
brenda song fake porn http://brendasongnude.net brenda song hairstyles
May 6th, 2010 at 6:55
ashley greene look alike nude http://www.carrieunderwoodofficial.com/us/blog/ashley-greene-nude ashley greene nude phots
ecdkztqyczqc
May 17th, 2010 at 6:02
http://shakira-nude.org shakira sex porn