我想以正确的方式在 CSS 伪类的“内容”中动态生成文本。到目前为止,我已经用我的例子填充了一个工作 jsfiddle 。这张图片更好地展示了我想如何实现这一点:
这是相关的代码(它也在小提琴中):
[部分] 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.ini。
- 内联样式中不可能有 CSS 伪元素
- 没有 JavaScript。虽然这可以通过 javascript 实现,但我更愿意尽可能避免使用它。
我怎样才能实现它?我觉得很奇怪我需要使用 CSS