如何设置 WordPress 高级自定义字段提供的动态文本的样式？

Question

希望大家在星期二的这一天过得愉快！

在为即将推出的网站设置组件样式时，我运行撞墙了。网站本身是使用短代码制作的，然后使用 CSS 类适当地设计样式，但是 -

我一直在努力寻找一种方法来设置特定部分的样式，这是 ACF 作为模板提供的文本。

如何在不破坏已经指定的样式的情况下定位特定文本并为其设置样式。

我可以在不对 SCSS 进行大量操作的情况下以某种方式为其添加样式吗？

This is the place I am talking about... 提前致谢！

Answer 1

您可以为其父级设置字体样式

这是一个例子

.info-col {
  font-size: 16px;
  color: red;
  background: #e8e8e8;
  text-align: center;
  padding: 13px 0 0;
}

.info-col #test {
  background: white;
  color: #333;
  font-style: italic;
  text-align: left;
}

.info-col #test:nth-of-type(1) {
  margin-top: 13px;
}

<div class="info-col">
Rank
<div id="test">#1</div>
<div id="test">#2</div>
<div id="test">#3</div>
<div id="test">#4</div>
<div id="test">#5</div>
<div id="test">#6</div>
<div id="test">#7</div>
<div id="test">#8</div>
<div id="test">#9</div>
<div id="test">#10</div>
</div>

如何设置 WordPress 高级自定义字段提供的动态文本的样式？

How do I style dynamic text that is given by WordPress Advanced Custom Fields?

css

wordpress

styles