Specificity and The Cascade

CSS Specificity

The Sibling Combinator Adjacent Combinator The + combinator selects elements that are directly after the first element. H1 + p { } Siblings Combinator The ~ combinator selects siblings, the 2nd element must follow the 1st element (immediately or not), and must share the same parent. H1~p { } Working with Pseudo-Classes Button:hover { } […]

CSS Selectors

Selectors in CSS

The Universal Selector *{ } It is universal selector which select all the elements. The Attribute Selector This allows to select elements based upon the particular attribute Input [type= “email”] { } Email, checkbox, text, password are included in it. We have others attributes a[href*= “wiki”] { Color: blue; } a[href^=” #”] { Color: gold; […]

CSS Basics

CSS Basic

CSS Structure CSS stands for Cascading Styles Sheet h1{ color: blue; } Working Within Inline Styles blah blah blah Inside opening tag Writing Internal Styles Write in head element. Only exits in that page External Styles the Best Way to Write Styles Make app.css named file in same directory where you write all of CSS […]