color is not applying on element p-CodePudding

///html

     <p className="movieDesc__download">Download Links</p>
     <button className="movieDesc__downloadButton">Download</button>
     <p className="movieDesc__trailer">Trailer</p>

///css

.movieDesc>p{
  font-size: 1.2rem;
  color: rgb(247, 239, 239);
} 
.movieDesc__trailer{
   color: #DD2E44;
  }

///image of p the default color is white .

[ This is the image of element p you can see no color is applied ]

CodePudding user response：

p{
  font-size: 1.2rem;
  color: rgb(247, 239, 239);
} 
.movieDesc__trailer{
   color: #DD2E44;
  }

    <p >Download Links</p>
    <button >Download</button>
    <p >Trailer</p>

CodePudding user response：

perhaps its an edge problem try it in chrome