Web World

The  appearance  property is used to display an element using a platform-native styling based on the users' operating system's theme. .thing { -webkit-appearance : value ; -moz-appearance : value ; appearance : value ; } This is used for one of two reasons: To apply platform specific styling to an element that doesn't have it by default To remove platform specific styling to an element that does have it by default For instance, inputs with a  type=search  in WebKit browsers by default have rounded corners and  are very strict in what you can alter via CSS . If you don't want that styling, you can remove it in one fell swoop with appearance. input [type=search] { -webkit-appearance : none ; } Or you could take a input with type=text and just make it look like a search input: input [type=text] { -webkit-appearance : searchfield ; } Compatibility note : If you wish to use this property on website...

closest()  selects the first element that matches the selector, up from the DOM tree. Begins from the current element and travels up. parent()  selects one element up (single level up) the DOM tree. parents()  method is similar to  parent()  but selects all the matching elements up the DOM tree. Begins from the parent element and travels up.

Syntactically Awesome Stylesheets (Sass) and Leaner CSS (LESS) are both CSS preprocessors.  They are special stylesheet extensions that make designing easier and more efficient. Both Sass and LESS compile into CSS stylesheets so that browsers can read them, which is a necessary step because modern browsers cannot read .sass or .less file types. If you plan on being in the world of web development, it’s a good idea to be well-versed in one of the two preprocessors—or both . When it comes down to it, both are similar. They make writing CSS simpler, more object-oriented, and a more enjoyable experience. Nevertheless, there are a few key differences. Five of them are listed here. 1 Sass Is in Ruby. LESS Is in JavaScript 2 Sass Has Compass, LESS Has Preboot 3 To Assign Variables: Sass Uses $; LESS Uses @ 4 LESS Has More User-Friendly Documentation Than Sass 5 LESS Has Better Error Messages Than Sass Personally, I’m using SASS and Enjoying it.