insightsoftware vue js
CSS 1. Specificity What is CSS specificity? It’s the priority system CSS uses when multiple rules target the same element. Higher specificity wins. Order (low → high): Element selectors ( div , p , span ) → 0,0,1 Class / attribute / pseudo-class ( .btn , [type="text"] , :hover ) → 0,1,0 ID selectors ( #main ) → 1,0,0 Inline style ( style="color:red" ) → 1,0,0,0 (highest among normal) !important overrides normal specificity (but try to avoid it). Example: p { color: blue; } /* element */ .text { color: green; } /* class */ #intro { color: red; } /* id */ For <p id="intro" class="text">Hello</p> → color will be red . 2. How to show scroll: overflow-y: auto vs scroll overflow-y: auto Shows vertical scrollbar only when content is taller than container. Cleaner UI (no scrollbar if not needed). .container { max-height: 200px; overflow-y: auto; } overflow-y: scroll Scrollbar is...