HomeОбразованиеRelated VideosMore From: Adam Khoury

CSS3 nth-child Tutorial Selector Alternate Table Row Style HTML 5 Change Color

90 ratings | 22538 views
Lesson Code: http://www.developphp.com/video/CSS/nth-child-Tutorial-Selector-Alternate-Colors nth Selectors: http://www.developphp.com/video/CSS/nth-Structural-Selectors Learn to create CSS3 alternating style logic using the nth-child pseudo-class selector on your HTML 5 elements. For more information on all of the CSS3 selectors as well as the existing CSS selectors follow this URL: http://www.developphp.com/view_lesson.php?v=614 To learn much more about HTML5 Table construction and Table elements follow this URL: http://www.developphp.com/view_lesson.php?v=573
Html code for embedding videos on your blog
Text Comments (15)
Lida Shanehchiyan (3 years ago)
very helpful, thanks.
ThePREngineer (3 years ago)
I couldn't quite catch the pronunciation. XD
GalaxyTraveler (3 years ago)
Is your microphone a potato by any chance?
Stevoid (4 years ago)
Hi is it possible to populate the table using a loop? For example: I have text file and wish to import each line dynamically into the table and generate a new row for each line in the text file. Hopefully you see this and reply. Thanks.
george balboa (6 years ago)
i subscribed...your explanations are straight to the point....thanks for saving us time!
george balboa (6 years ago)
thanks for the NthCool tut :P
Will Kerswell (6 years ago)
he is using Dreamweaver
John Halsey (7 years ago)
@IngvardM Looks like DreamWeaver.
Dave Williams (7 years ago)
@atziazas Thanks! :)
Igor Pougatch (7 years ago)
hey! nice video there. I just got one question: what editor are you using, cos i'm getting a bit tired of geany and bluefish......
atziazas (7 years ago)
@davewilliamsme (2n+0) is another word for even. Mathematically, "n" takes up any possible integer therefore n could be 0,1,2,3,4... etc (the row number). Therefore 2n+0 or 2n would be 2(0) = 0, 2(1) = 2, 2(2) = 4 etc. Notice how this selects all the even numbers? If you try the same logic with 2n+1 you will find that it selects all the odd numbered rows. :-)
think2go (7 years ago)
thanks Adam It's a shame that most CSS· selectors are not supported in IE8- these new selectors are great!! Any ideas of how to support those new CSS3 selectors in older browsers? I have been a little hesitant about using CSS3 as most people still use IE8-
Alexis Macatula (7 years ago)
I'm going to experiment with alternating background images for alpha transparent images .png (32 bit)
Dave Williams (7 years ago)
Thanks! Would have liked to have seen more about what the numbers mean if you didn't use even/odd though. :)
Alexis Macatula (7 years ago)
1st and thanks for informing me of these tricks

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.