Изменение цвета текста навигационной панели реакции-загрузки с помощью веб-пакета ⇐ CSS

[Anonymous]

Я пытаюсь настроить цвета навигационной панели реагирующей загрузки.
Это содержимое моего файла NavbarComponent.cs:

Код: Выделить всё

var React = require('react');
var ReactDOM = require('react-dom');

import Navbar from 'react-bootstrap/lib/Navbar';
import Nav from 'react-bootstrap/lib/Nav';
import NavItem from 'react-bootstrap/lib/NavItem';
import Button from 'react-bootstrap/lib/Button';
import styles from './Navbar.css'

export default class NavigationBar extends React.Component {

render() {
return (


Thing 1
Thing 2


);
}
}

а это мой файл переопределения CSS, Navbar.css:

Код: Выделить всё

:local(.navbar) {
background:#2E5F91;
color:white !important;
}

:local(.navitem) {
color:white !important;
}

Цвет фона навигационной панели меняется нормально, но я не могу изменить цвет текста, даже используя тег !important (что опасно, я знаю).
Просматривая элементы на результирующей странице:

Код: Выделить всё

[*]
[url=#]Thing 1[/url]

похоже, мой класс недостаточно углублён. Как я могу это исправить?

Подробнее здесь: https://stackoverflow.com/questions/406 ... ng-webpack