为动态类名设置CSS规则

Question

我有一个Wordpress主题，用动态类名创建元素。我不想弄乱PHP代码，所以我只想在CSS上进行更改。

每个元素都有这样的代码：

<dd class="variation-testing">Testing</dd>

我尝试使用这个CSS规则它本来应该有效，但它似乎根本没有应用该元素：

dd.[class^=variation-] {
  width: 48%;
  float: left;
}

如何仅使用类的第一部分添加CSS？

更新：

答案很简单，并在评论中找到。正确的CSS没有点。

dd[class^=variation-] {
  width: 48%;
  float: left;
}

Answer 1

是的，如评论中所述，应使用克拉选择器。

echo

这里是CSS属性选择器的参考： https://www.w3schools.com/css/css_attribute_selectors.asp