Important Notice: Our web hosting provider recently started charging us for additional visits, which was unexpected. In response, we're seeking donations. Depending on the situation, we may explore different monetization options for our Community and Expert Contributors. It's crucial to provide more returns for their expertise and offer more Expert Validated Answers or AI Validated Answers. Learn more about our hosting issue here.

What Are the CSS Cascading Order Rules?

April 26, 2017cascading CSS rules

0

Posted

What Are the CSS Cascading Order Rules?

1 Answer

0

Posted

• A specified CSS definition wins over a default CSS definition in the browser. • A CSS definition with a contextual selector wins over a CSS definition with a tag selector. • A CSS definition with a class selector wins over a CSS definition with a contextual selector. • A CSS definition with an id selector wins over a CSS definition with a class selector. • A CSS definition included in the HTML tag instance wins over other CSS definitions. • A later CSS definition wins over an earlier CSS definition. Note that cascading order rules are applied in the order as listed above. How To Remove the Top White Space of Your Web Page? The top white space of your Web page is provided by the browser’s default CSS definition of the margin-top property on the BODY tag. You can remove this white space by adding your own margin-top definition. Because of the cascading order rules, your definition wins over the default definition.