Question

我正在寻找在类中的div中放置标签和文本的方法。

我有这个html：

<div class="awpcp-subtitle">Contact Information</div>
<a href="https://adsler.co.uk/wp-user-test-dashboard- 
2/awpcp-reply-to-ad/13/madame-bovary/">Contact 
Anonymous</a>
<br/><label>Phone:</label> 7576XXXXXX
<br/><label>Location:</label> London, UK

</div>
<div class="showawpcpadpage"><label>Price:</label> 
<strong>£ 3.00</strong></div>

<div class="fixfloat"></div>

我想将标签“ phone”放在div类中，如有必要，将其后的文本放在div类中。

基本上，此操作的目的是能够选择标签“电话”及其后的文字，并为其赋予背景色。

我不知道如何在给定的html中插入它，甚至不知道会怎样？

我猜在“匿名”之后的某个地方所以：

Anonymous</a> div class="Phone:"><label>Phone:>. 
</label>

，然后继续使用现有代码：

<br/>label><Phone:></label>7576XXXXXX 
<br/>..........

Answer 1

首先，我建议您了解HTML的一些基础知识。这将是一个好的开始：https://www.w3schools.com/html/

现在回到您的问题，您可以将其括起来：

<div class="awpcp-subtitle">Contact Information</div>
<a href="https://adsler.co.uk/wp-user-test-dashboard- 
2/awpcp-reply-to-ad/13/madame-bovary/">Contact 
Anonymous</a>
<div class="phone"><label>Phone:</label> 7576XXXXXX</div>
<div class="location"><label>Location:</label> London, UK</div>

</div>
<div class="showawpcpadpage"><label>Price:</label> 
<strong>£ 3.00</strong></div>

<div class="fixfloat"></div>

在这里，我删除了<br>，因为您正在使用它来使Phone和Location分开显示。由于默认情况下我们使用<div>标签是块级元素，因此其内容将显示在单独的行中。

因此，现在您可以像这样更改这两个框的颜色：

.phone{
    background-color: red;
}

.location{
    background-color: yellow;
}

最后，您询问了如何在Wordpress中执行此操作。您可能已经知道Wordpress使用主题，所以您必须检查哪个主题是当前主题（在您的网站上运行的主题）。可以通过访问WordPress管理面板->外观->主题来检查。您将在该页面中看到当前活动主题的名称。现在，您必须使用cPanel中的FTP客户端或文件管理器来访问以下位置：服务器中的/wp-content/themes/yourthemename/。在这里，youthemename是您在上一步中注意到的主题名称。

在该文件夹中后，您会在模板文件上看到一堆。如果您不确定，建议您仔细查看每个文件。或者更好的是，您在编辑Wordpress之前首先要了解Wordpress的基本概念。看一下这个：https://developer.wordpress.org/themes/basics/template-hierarchy/

一旦发现模板文件包含要编辑的HTML代码，只需打开它并进行更改并保存。大功告成如果您在Wordpress中使用任何缓存插件，则在访问网页时看不到更改时，可能需要清除缓存。

话虽如此，我的文章可能会给您带来一些困惑。这就是为什么我建议先看一下基础知识。否则，您必须聘请愿意为您进行特定更改的人员。

希望有帮助。

如何在类中的div中包装标签以进行修改？

1 个答案: