JSFiddle - React, Tailwind, and code Playground

HTML

<p id="p1">Текст должен быть зелёным и иметь рамку</p>
<p id="p2">Текст должен быть зелёным</p>
<p id="p3">Текст должен быть зелёным</p>

CSS

p { color: red; }
#p1 {
    color: green;
    padding: 20px !important;
    border: solid;
}
#p2 {
    color: green;
    padding: 20px !important ;
}
#p3 {
    color: green;
    padding: 20px !important;