I am posting this as my portfolio entry. It is my this weeks CSS creation.
![]() |
From Eisner Design |
#page-menu ul > li:last-child {
border-bottom:none;
}
Here I am working with last child on an list elements of separate id. Tested and works on Firefox, IE not ( if you want to go working on IE install Chrome frame and ad chrome frame to your sites meta tag in head section).
Works on Google chrome, too. Not tested on Opera and Safari.
Anyway looks fabulous, agree? You don,t need to use JavaScript or create some sort of last child class.
And Actually :last:child property is official CSS3 recommendation by W3 consortium.
You can see the result - last element oh the list has no bottom border.
![]() |
From Eisner Design |
No comments:
Post a Comment