CODEWITHSUNDEEP
htmlcss
Achraf JEDAY
Achraf JEDAY

Reputation: 2114

How to override the [dir="rtl"] css selector?

I have the following CSS rule:

[dir="rtl"] .navbar-toggle {
  float: left;
  margin: 15px 10px 0 0;
}

I need to override it to change the float and the margin values. I tried using the :dir(rtl) {} selector but it didn't work.

Any ideas guys?

Note: I prefer not to use the !important statement.

Upvotes: -1

Views: 3906

Answers (1)

ApusApus
ApusApus

Reputation: 274

Increase your selector combination specificity:

[dir="rtl"] div.navbar-toggle {
    float: none;
    margin: 0;
}
[dir="rtl"] .navbar-toggle {
    float: left;
    margin: 15px 10px 0 0;
}

Upvotes: 3

Related Questions