[part of] index.php:
<div class="checkbutton">
<input type="checkbox" value="None" id="slideThree" name="check"/>
<label for="slideThree"></label>
</div>
[style.css的一部分内容]
.checkbutton:before
{
content: 'Hombre';
float: left;
width: 60px;
text-align: center;
/* 28 es la altura total */
font: 12px/28px Arial, sans-serif;
color: CornflowerBlue;
z-index: 0;
font-weight: bold;
}
我希望能够重用这段代码,达到以下两个目的:
- 使用PHP进行动态内部翻译。
- 创建具有相似样式的不同按钮。
也就是说,我想要创建一个类似的按钮,但具有不同的名称或者只是翻译它而没有额外的标记。我不知道如何正确实现这一点。原因如下:
- CSS在唯一的.css文件中,与内容分离。显然,这不会执行php。
- 不可能在内联样式中使用CSS伪元素
- 没有JavaScript。虽然可以通过javascript实现,但我更喜欢尽可能避免使用它。
我该怎么做呢?我发现需要使用CSS实现这一点很奇怪。