Search code examples
csshtmlclassstyles

Styling different paragraphs with different styles using CSS and HTML

I have a question on using the class tag on paragraph tags. I want the external Css file to style a paragraph a certain way while leaving all the other paragraphs to the default style.I did some googling and reading and found if i add <p class="somename" > then in the css file i can change that paragraph using p.somename{ color: blue;} But what i found is p{color: red;} seems to be affecting them all.

This was just a example problem. The main problem im facing is that i dont want p.somename to have a background border.And the default <p> has borders.

Solution

  • In HTML,

    <p id="colorblue">some lorem ipsum here</p>

    In CSS,

     p #colorblue{
color: blue
}

    Or tepkenvannkorn's answer will work.

    p.somename { color: blue !important; }