Alter with an external CSS Stylesheet only a specific part of the HTML

Question

I have an html document.

In the document I link an external CSS Stylesheet

<link rel="stylesheet" type="text/css" href="css/whatever.css" />

But this external CSS Stylesheet modifies all my HTML document.

I need the External CSS Stylesheet to modify only a specific section of the HTML document.

Answer 1

You can define the css inside the html document in two differents ways.

<style> //Your style </style>

or inline <tag style:"property:style;"></tag>

Answer 2

That's what classes are for if you want to style a specific part just wrap it in a div, give it a class and style it.

 p { color: red; } .specific p { color: blue; } 

 <div class="specific"> <p>Test</p> </div> <p>Test</p> <p>Test</p>