JSFiddle - React, Tailwind, and code Playground

by zapaza10

HTML

<div class="wrap">
  <div id="one" class="xuy big_xuy"></div>
  <div id="two" class="xuy blue_xuy"></div>
</div>

CSS

.wrap > div {
  width: 100px;
  height: 100px;
  background:red;
  margin: 10px;
  display: inline-block;
}
/*общий класс*/
.xuy {
  border: 3px dotted #000;
}
/*добавочные*/
.big_xuy {
  border-top: 6px dashed #000;
}
.blue_xuy{
  border-color: blue;
}