Advanced Java and Web Technologies for JNTUK
Blog providing beginner tutorials on different web technologies like HTML, CSS, Javascript, PHP, MYSQL, XML, Java Beans, Servlets, JSP and AJAX

28/01/2014 Categories: CSS. No Comments on Cascading Rule

As there are multiple ways to specify style information, if more than one rule is specified for the same element in the same document or in multiple documents, the conflicting rules will be resolved based on the rules specified below.

More specific rules get preference over less specific rules. For example, consider the below style rules:

p b {color:green}

b {color:red}

Now, consider the below HTML code:

<b>Hello</b><p><b>Welcome to CSS</b></p>

In the above example, the word Hello will appear in red color and the text Welcome to CSS will appear in green color as the style information for <b> tag inside the <p> tags is specified as green.

If the style rules are specified across different documents, the conflicts are resolved based on the priority level specified below:



Suryateja Pericherla

Suryateja Pericherla

Hello, I am Suryateja Pericherla working as an Asst. Professor in CSE department at Vishnu Institute of Technology. I write articles to share my knowledge and make people knowledgeable regarding certain topics.
Suryateja Pericherla

Latest posts by Suryateja Pericherla (see all)

Related Links:

Note: Do you have a question on this article or have a suggestion to make this article better? You can ask or suggest us by filling in the below form. After commenting, your comment will be held for moderation and will be published in 24-48 hrs.

Leave a Reply

Scroll Up
Thank you for visiting! If you like this website do share with your friends by clicking on the social icons available on the left hand side.

As the domain name is quite large to remember, use this short domain to visit this site. Short domain: