LUCiD GRAFiX Logo

Video tutorials
YouTube RSS Feed
Search

VIDEO TUTORIAL

CSS Specificity

*Set the video to HD for best viewing experience.
Written by Posted on February 23rd, 2014 1 Comment
Share This

CSS Specificity

So today we are going to touch on the fundamental point system used in CSS, mastering this sytem will give you the understanding to know why a style is applied and control the outcome.

CSS

HTML

Element = 1 point
Class = 10 points
ID = 100 points
Inline Styling = 1000 points

When used together the points add together, so if you used body p.class, That would be 12 points, 2 for the elements and 10 for the class.

If you want to learn more about CSS Specificity check out this article http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/.

Download files!

About

Hi, my name is Eric Young. I’m a web designer who has worked in the IT industry since 2000. I love blogging and making the web a better place. If I'm not here I'm probably playing Gears of War. LOL

Related Articles You Might Enjoy!

CSS drop down CSS Drop down Menu
LESS Basics LESS Preprocessor Fundamentals
How to use LESS in Dreamweaver How to use LESS in Dreamweaver
Leave a comment

One Response

  1. Greetings! I know this is kinda off topic but I’d figured I’d ask. Would you be interested in exchanging links or maybe guest writing a blog article or vice-versa? My blog goes over a lot of the same topics as yours and I feel we could greatly benefit from each other. If you are interested feel free to shoot me an e-mail. I look forward to hearing from you! Awesome blog by the way!

Leave a Reply