Home/ Questions/Q 510483
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T07:07:05+00:00

How to give same style to first 2 paragraphs differently in css. <html> <head>

  • 0

How to give same style to first 2 paragraphs differently in css.

<html>
<head>
<style type="text/css" media="screen">
p+p {color:red}
</style>
</head>
<body>
  <p>first paragraph</p>
  <p>second paragraph</p>
  <p>third paragraph</p>
  <p>fourth paragraph</p>
 </body>
</html>

I’ve tried this but it’s leaving first paragraph and styling all other.

and this only style first paragraph not others

<html>
<head>
<style type="text/css" media="screen">
p:first-child { color: blue; }
</style>
</head>
<body>
  <p>first paragraph</p>
  <p>second paragraph</p>
  <p>third paragraph</p>
  <p>fourth paragraph</p>
 </body>
</html>

remember I want to give same style on first 2 paragraph.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Go here, and try this code out 🙂

    http://www.w3schools.com/css/tryit.asp?filename=trycss_first-child1

    p:first-child
{
    color:blue;
} 
p:first-child + p
{
    color: red;
}
    • 0