Adding CSS rule to some elements

Question

I have css rule that goes like this

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

The problem is with #tabstrip-4 i dont know how any numbers it will be and i want to apply that role to all that elements, only id of elements will be changed like 2 3 4 5 etc..

Any pseuso selector solution?

UM, that is what classes are for.

epascarello
– epascarello

2014-07-09 11:53:46 +00:00
Commented Jul 9, 2014 at 11:53 — epascarello
– epascarello, Commented Jul 9, 2014 at 11:53
Can x be any number where #tabstrip-x ?

Luke
– Luke

2014-07-09 11:54:25 +00:00
Commented Jul 9, 2014 at 11:54 — Luke
– Luke, Commented Jul 9, 2014 at 11:54

Alex · Accepted Answer · 2014-07-09 11:54:42Z

3

That's what classes are for. Put classes on just elements you want to style that way and add your CSS for the class. If this is, for some reason, not viable, you can always use the "starts-with" selector in CSS:

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

answered Jul 9, 2014 at 11:54

Alex

7,3461 gold badge21 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Alex Over a year ago

It depends on the browser you need to support it works for me and should in anything above IE6

Sheepish · Accepted Answer · 2014-07-09 11:55:05Z

1

Use the "starts with" selector: 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;
}

answered Jul 9, 2014 at 11:55

Sheepish

711 bronze badge

Collectives™ on Stack Overflow

Adding CSS rule to some elements

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related