Question

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

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

// P.S。我的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元素的方法，包含一个特定的单词（string）。

如果ID包含blabla：

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

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

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

如何设置div（element）哪个类名包含字符串

1 个答案: