CSS: Can I target by element that has a border-right attribute?

Question

I'm trying to apply dividers to a Bootstrap tab component. Basically, I want horizontal dividers when the class is not active:

.nav-tabs > li:not(.active) a{
     border-right:1px solid #ddd;
     margin-right:0px; 
     border-radius:0;
}

This works except for the adjacent tab (next to the active one). This one doubles up the border.

Is there some trickery to allow me to test whether an element does not have a border-right or border-left property so I can assign one? Something like:

.nav-tabs > li:not(.active)[!border~]{}

Nope...none whatsoever. CSS is done by selecting **elements** not their styles. — Paulie_D, Jun 30 '15 at 20:11
Yes you could, but border-right in your case is not an attribute.
can be targetted for sure! — Mathijs Segers, Jun 30 '15 at 20:13
Oh and I'm pretty sure that should be an easier solution than trying to "trick" around it. — Mathijs Segers, Jun 30 '15 at 20:14

score 0 · Answer 1 · answered Jun 30 '15 at 20:15

0

Kind of. If it's an inline style you can (again, kind of).

div[style="border-right:1px solid #ddd"]

More details here. Duplicate question of CSS selector by style attribute

answered Jun 30 '15 at 20:15

Radu Andrei

1,075
10
19

CSS: Can I target by element that has a border-right attribute?

1 Answers1