Question

我有这个html：

<aside id="secondary" class="widget-area col-md-4" 
role="complementary">
<div id="text-3" class="widget widget_text">             
<div class="textwidget"><p><strong>Sign In</strong>. 
</p>
<p><strong>Create Account</strong></p>
<p><strong>Find your next employee on Adsler
</strong></p>
</div>
</div></aside><!-- #secondary -->

我想定位Find your next employee on Adsler

尝试过。

.textwidget:nth-of-type (3) {font-size: 30px}

什么都没有。我应该做别的事情吗？

Answer 1

最简单的方法是使用javascript或jQuery

<script>
$( ".textwidget:contains('Find your next employee on Adsler')" ).css( {fontSize: "50px"} );
<script>

此脚本将在指定的类/ id下找到所有字符串“在Adsler上找到您的下一个雇员”。

您可以直接在js文件中添加脚本，也可以通过下载命名为“ simple custom css＆js”的插件来添加此jquery代码

希望这会起作用。

Answer 2

在页面的侧边栏中放置{{view}}，然后在其中放置以下html。

text widget

如何在WordPress中的文本小部件内定位特定的文本行？

2 个答案: