► Browse WordPress Themes and Plugins:
In today's lesson, we're going to be having a look at IDs and classes. We can use these to designate labels to particular aspects so that we can then target them within our stylesheets.
This belongs to the totally free Envato Tuts+ course thirty days to Learn HTML & CSS:
Note: this course was published in 2012. Much of the tools and practices have altered and improved since recording, however the core concepts are still appropriate.
For more excellent website design courses and tutorials go to:
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Envato Tuts+.
Discover complimentary how-to tutorials and online courses. Style a logo design, develop a site, build an app, or find out a new skill:.
Envato Aspects.
All the imaginative assets you require under one membership. Personalize your project by including unique pictures, font styles, graphics, and styles.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Components:.
► Subscribe to Envato Tuts+ on YouTube:.
► Follow Envato Tuts+ on Twitter:.
► Follow Envato Tuts+ on Facebook:.
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – -.
CSS Best Sellers
Hey i cant link my style.css to everything else this is the link i used
link rel=”stylesheet” type=”text/css” href=”style.css”
i also tried with the one you used and server others
with the html tags to
Lol this is useful, but I just added
and went to css and did div {color: red;}
xD
It just gets too messy, with too many lines, that’s why he’s suggesting to do it that way.
I am incredibly surprised that your html / css tutorial don’t have more views! The quality of these videos is outstanding; You are very clear with your language and you describe your actions clearly as well. Also, I appreciate how you dont take short cuts, but instead you teach the viewer the best practice and point out what would be bad practice. thanks a lot!
Excellent course. Even better than codecademy. You, Sir, have a real talent for explaining this complex stuff!
Excellent course. Even better than codecademy. You, Sir, have a real talent for explaining this complex stuff!
perfect thanx alot
Thank you very much , your videos are incredibly awesome , the best tutorials i’ve ever watched so far
but i’mfacing some problems with the first-of-type and using the ID with nth-child .
let’s begin with the ul:first-of-type , despite using it , the CSS keeps coloring the third list of every UL .
and when trying to use the id with the “nth-child” , as in #sect li:nth-child(3) {} , it does nothing but returing the list to it’s default color
Thanks again
Thanks for these videos. They are very usful.
I have been working at learning HTML, CSS, Bootstrap for about 3 weeks and have made good progress (with sometimes very cryptic lessons).
These tie it all together very well, and consolidate some things I have figured out, without fully understanding.
I can’t believe how few views you have on these. They are by far the best I have looked at.
what should i learn after html ?
Java, JavaScript
What if you use a id tag. can you use a id tag.
thnx man 😉
Outstanding video and explanation. Thanks so much!
Anyone else having difficulty with li: nth-child(3)? It’s not working on mine, though I have everything exactly as he does.
At first, I experienced the same, but then solved it. The mistake you’ve made is putting an extra space after “li:”. Omit that space like this: li:nth-child(3){
color: green;
}
Notice there is no space after “li:”.
It should solve the problem.
wow, I love your tutorials…so clear and easy to understand..thank you
What is the difference between a ‘div’ and a ‘class’?
thank you
Second -type -of
Is this also considerable u know
N-type -of kinda thing in (ul)
none of these options worked…I don’t understand 🙁 why? …..the id=..appeared on the website and no color change either
if you want to use for the second or more than that use
l:nth-of-type(2);