Overriding Bootstrap styles

[matrixersp]

How do you guys override Bootstrap styles with CSS modules?
Say you have this selector in Bootstrap:

.dropdown-menu > li > a {
  color: blue;
}

How do you override it with a CSS modules class without using !important?

[jamesmosier]

You should be able to do:

.dropdownMenu > li > a {
  color: blue;
}

<ul className={styles.dropdownMenu}>
  <li>
    <a>

---

If that doesn't work you could do:

.dropdownMenu > .dropdownItem > .dropdownLink {
  color: blue;
}

<ul className={styles.dropdownMenu}>
  <li className={styles.dropdownItem}>
    <a className={styles.dropdownLink}>