Ajout règle CSS à certains éléments

Question

Je règle css qui va comme ceci

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; 
} 

Le problème est aveC# tabstrip-4 je ne sais pas comment les chiffres, il sera et je veux appliquer ce rôle à tous que les éléments, seul l'id des éléments sera changé comme 2 3 4 5 etc.

Une solution de sélection de pseuso?

Answer 1

C'est ce que sont les cours. Mettez des classes uniquement sur les éléments que vous voulez styliser et ajoutez votre CSS pour la classe. Si cela est, pour une raison quelconque, non viable, vous pouvez toujours utiliser le « démarre avec » sélecteur CSS:

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

Answer 2

Utilisez le « commence par » sélecteur: 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; 
}