Question

我有HTML文档，我不允许更改。在另一方面，我有.css文件，我必须添加文本。我使用了内容属性。结果必须有文字＆＃34; NAME＆＃34;之前＆＃34;输入类型=＆＃34;文字＆＃34;和文字＆＃34; NUMBER＆＃34;之前＆＃34;输入类型=＆＃34;数字＆＃34;。

我已经在链接中使用css代码做了第一个。

<div>
    <div>
        <div class="spacer"></div>
    </div>
</div>
<div>
    <div> 
        <input type="text" />
    </div> 
    <div>
        <input type="number" />
    </div>
</div>

我的html代码在这里：http://www.beetxt.com/MZ2/当我在网站上写这个内容时它确实没有显示任何内容。

我的CSS文件：http://www.beetxt.com/Tdb/

但我不知道如何在＃34;之前显示文字。＆＃34;无需更改HTML文件。我只能使用.css文件，样式。

Answer 1

鉴于我们没有要挂钩的类或ID，我们必须使用nth-child语句：

＆＃13;

div:nth-child(2) div:first-child::before {
  content: 'NAME';
  display: block;
}
div:nth-child(2) div:nth-child(2)::before {
  content: 'NUMBER';
  display: block;
}
.spacer:after {
  content: "SPACER";
}

＆＃13;

<div>
  <div>
    <div class="spacer"></div>
  </div>
</div>
<div>
  <div>
    <input type="text" />
  </div>
  <div>
    <input type="number" />
  </div>
</div>

＆＃13;

Css - 在之间添加文本

1 个答案: