eshrinivasan/CSS

Last active March 8, 2017 17:36

Star 0 You must be signed in to star a gist
Fork 0 You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/eshrinivasan/9ad2fefb649f569429d2bc7098f2dafb.js"></script>
Save eshrinivasan/9ad2fefb649f569429d2bc7098f2dafb to your computer and use it in GitHub Desktop.

Download ZIP

Raw

CSS

	block vs inline
	id(one) vs class(many)
	positioning
	https://jsfiddle.net/nsshrinivasan/s06vtsvk/1/
	https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning

Author

eshrinivasan commented Mar 8, 2017 •

edited

CSS Specificity and how to calculate it

pseudo class:
:link, :visited, :hover, :active, :focus
100s

pseudo element:
:first-line, :first-letter, :after, :before
10s

Exercise:

ul#nav li.active a
body.ie7 .col_3 h2 > h3
#footer :not(nav) li
< li style="color:red" >
ul > li ul li ol li:first-letter

Ref:https://css-tricks.com/specifics-on-css-specificity/

Author

eshrinivasan commented Mar 8, 2017

Box Model W3C vs IE

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment