JSFiddle - React, Tailwind, and code Playground

HTML

<p>hack前：</p>
<p class="test1">
    <label class="test2"><input class="test3" type="checkbox" />同时</label>
    <input class="test4" type="button" value="发布" />
</p>
<p>hack后：</p>
<p class="test1 hack">
    <label class="test2"><input class="test3" type="checkbox" />同时</label>
    <input class="test4" type="button" value="发布" />
</p>
<div class="font12">
    <p>hack前：</p>
    <p class="test1">
        <label class="test2"><input class="test3" type="checkbox" />同时</label>
        <input class="test4" type="button" value="发布" />
    </p>
    <p>hack后：</p>
    <p class="test1 hack">
        <label class="test2"><input class="test3" type="checkbox" />同时</label>
        <input class="test4" type="button" value="发布" />
    </p>
</div>

CSS

.test4{width:92px;height:34px;}
.test1{background:red}
.test3{}

.hack .test2{*position:relative;*top:-8px;}

.font12{font-size:12px;}
.font12 .hack .test3{position:relative;top:3px;*top:2px}