Which css override

Something is wrong. The first thing to do is inspect the element and make sure that your new CSS is actually being applied to the nav. In CSS terminology this concept is called Specificity.

Figure 3. Investigating the max-height property in the Computed pane. Click the blue link next to a declaration to jump to open the Sources panel and jump to that declaration's source code. See Make a minified file readable if the code is minified. Figure 4. Viewing the max-height declaration's source code in the Sources panel. If you want to focus on a specific property, type that property name in the Filter textbox. Figure 5. Filtering out properties that do not contain max in the Computed pane.

If you want to see all properties that are being applied to the element, including user-agent stylesheets , enable the Show All checkbox next to the Filter textbox. Historically the "semantic" approach has been dominant while recently the "functional" approach has been gaining adherents. Try both on a medium sized project and then decide for yourself which is superior.

Soon, all code becomes! All the best for not using! Usman Usman 7, 12 12 gold badges 65 65 silver badges bronze badges. Marc Audet Marc Audet For example:. Ruud Ruud 2, 2 2 gold badges 37 37 silver badges 47 47 bronze badges. Thanks for the reply! I tried this as a first solution, but for some reason it didn't work! This way of overriding css classes will not work if the styles are defines in a specific way like. Here you'll have to use!

Ignatius Andrew Ignatius Andrew 7, 3 3 gold badges 47 47 silver badges 50 50 bronze badges. The Overflow Blog. Podcast Explaining the semiconductor shortage, and how it might end. Does ES6 make JavaScript frameworks obsolete? Featured on Meta. Now live: A fully responsive profile. Visit chat. Linked 4. See more linked questions. Related Hot Network Questions.

Question feed. Stack Overflow works best with JavaScript enabled. Shadow Effects Box Shadow. Report Error. Your message has been sent to W3Schools.

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.

Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use , cookie and privacy policy. Copyright by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.