JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">
  I am green, with green borders too!
</div>

<div id="div2">
  I am blue, with blue borders too!
</div>

CSS

div{
  /* The currentColor keyword for the color value, which means that the border will have the value of the respective div's color property */
  border: 3px solid currentColor;
  padding: 10px;
  margin: 10px 0;
  font-family: sans-serif;
}

/* This div will have green borders, because it's color value is green. */
#div1{
  color: green;
}

/* This div will have blue borders, because it's color value is blue. */
#div2{
  color: blue;
}