html - 如何设置类名包含字符串的div（元素）

Question

我想使用 css 来设置类或 id 名称包含特定单词的对象。

我使用了 javascript，但现在需要 css 解决方案。

//ps我的javascript代码如下。它试图获取特定类名的 id 并设置它的样式（页面加载 3 秒后）：

<script src="ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">

        var t=setTimeout(function(){
            var clasnamee = "form-field";
            var whatcontains = "copy";
            var myla = document.getElementsByClassName(clasnamee);
            var arylengh = myla.length;

            for (var i = 0; i < arylengh; i++) {

                var kk = document.getElementsByClassName(clasnamee)[i].id;
                if(kk.indexOf(whatcontains) > - 1)
                {
                 $("tr#" + kk).css("background-color", "#BCB4B4");
                // or try with jQuery
                //jQuery("tr#" + kk).css("background-color", "#BCB4B4");

                }
            }

        },3000);
        </script>

Answer 1

这是一种样式 css 元素包含特定单词（字符串）的方法。

如果 ID 包含 blabla：

div[id*="blabla"] 
{
    background-color:#BCB4B4;
}

（您不仅可以用于 div，还可以用于表格、输入、标签、文本区域或任何其他变体：

input[class*="blabla"] 
{
    background-color:#BCB4B4;
}