This is pretty simple to create a multi level drop down menu in css. But it’s true that it doesn’t have such flexibility that javascript have. And also the width of drop down section needs to be fixed, not flexible. Now a days css drop down menu is not widely
Read moreCSS selectors are patterns or specific elements you want to select and apply styles to it. Here are 2 not most commonly used but useful selectors.There have been many scenarios where you want to checkif an element is the only child of a parent[crayon-6854ce71b3adc419417599/]Click here for demo. only-child selector would
Read moreMany times we need to change the way browsers render scrollbars, although we don’t find enough browsers that support it( :( ) not even vendor-prefixed properties except for Webkit.Webkit supports styling your scrollbar as required, and yes this means you could only view these custom scrollbars in Safari and Chrome
Read moreWhat is the box model?A HTML element is rendered as a rectangle box. The box has attributes viz. width, padding, height, margin and border.The HTML element is rendered differently in different browsers.For example:[crayon-6854ce71b4133443743989/]Guess the computed width of the div.60em80emBoth are correct answers. How?IE: Trident (layout engine for IE) renders the
Read moreHow to use border radius for IE-8?HTMLWe can use the ie-css3 file which is a .htc(HTML Component file) file. Just put the file in root folder and can be used as follows: div { height: 100px; width: 100px; -webkit-border-radius: 10px ; -moz-border-radius: 10px ; border-radius: 10px ; behavior: url('ie-css3.htc'); background-color: #0072AE; background: #0072ae; /* Old browsers */ } Note: Please
Read more