Question

我有像这样的css规则

div#tabstrip.tabstrip-vertical.k-widget.k-header.k-tabstrip div#tabstrip-4.k-content.k-state-active{
    background-image: url("http://wwww.example.com/logo2.png") !important;
    background-position: right center;
    background-repeat: no-repeat;
}

问题在于＃tabstrip-4我不知道它将是什么数字，我想将该角色应用于所有元素，只有元素的id将被改变为2 3 4 5等..

任何pseuso选择器解决方案？

Answer 1

那是什么课程。将类放在您希望以这种方式设置样式的元素上，并为该类添加CSS。如果由于某种原因，这是不可行的，你可以随时使用＆＃34;开始 - 用＆＃34; CSS中的选择器：

div[id^="tabstrip-"] {
   /* Your CSS*/
}

Answer 2

使用“开头”选择器：div[id^='tabstrip-']

div#tabstrip.tabstrip-vertical.k-widget.k-header.k-tabstrip div[id^='tabstrip-'].k-content.k-state-active{
    background-image: url("http://wwww.example.com/logo2.png") !important;
    background-position: right center;
    background-repeat: no-repeat;
}

将CSS规则添加到某些元素

2 个答案: