Styling different paragraphs with different styles using CSS and HTML

Question

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.

Possible duplicate of [What are the implications of using "!important" in CSS?](https://stackoverflow.com/questions/3706819/what-are-the-implications-of-using-important-in-css) — sinawic, Sep 12 '18 at 11:05

score 4 · Accepted Answer · answered Dec 14 '13 at 08:38

4

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; }

answered Dec 14 '13 at 08:38

Sarathlal N

66
2

score 3 · Answer 2 · answered Jun 24 '13 at 00:23

3

Put p.somename{ color: blue } to the bottom comparing to p{ color: red} or you can use !important to foce your style to overwrite. for example,

p.somename {
   color: blue !important;
}

answered Jun 24 '13 at 00:23

Tepken Vannkorn

9,648
14
61
86

raul · Answer 3 · 2013-06-24T00:48:38.147

2

Only use that id on the paragraph that you want to change, while keeping others at default

    p #colorred{
    color:red
    }
    <p id="colorred">

edited Jun 24 '13 at 00:48

answered Jun 24 '13 at 00:21

raul

401
2
7

can u expand on this? im kinda confused on what to do? – MikanPotatos Jun 24 '13 at 00:29

Belinux · Answer 4 · 2018-09-12T11:30:02.177

0

/* In HTML,

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

In CSS,

#colorblue {
 color:blue;
}

This works. You do not need to explain that is a paragraph in CSS. Only write the ID of the paragraph in CSS.*/

edited Sep 12 '18 at 11:30

answered Sep 12 '18 at 10:48

Belinux

1
1

Styling different paragraphs with different styles using CSS and HTML

4 Answers4

Linked