Как сделать это в SASS .navbar-inverse .navbar-nav > li > a?

Question

[cache0]

Как сделать это в SASS

.navbar-inverse .navbar-nav > li > a {
 color: #ffffff
 border-bottom: 2px solid transparent
 white-space: nowrap
}

?
уточнение
делаю так

.navbar-inverse .navbar-nav 
	li
		a
			color: #ffffff
			border-bottom: 2px solid transparent
			white-space: nowrap

получается так

.navbar-inverse .navbar-nav li a {
  color: #ffffff;
  border-bottom: 2px solid transparent;
  white-space: nowrap; }

хочу чтоб получилось так

.navbar-inverse .navbar-nav > li > a {
 color: #ffffff
 border-bottom: 2px solid transparent
 white-space: nowrap }

как правильно?

Answer 1

[Антон]

.navbar-inverse .navbar-nav > li > a

Comments

[cache0]

а вот если вложенности сделать такой код автоматом sass не сделает?

[Антон]

cache0: сделает

[cache0]

чет не выходит, я изменил вопрос - сделал уточнение

Answer 2

[Виталий]

Если на SCSS, то так .. если на SASS, то тоже самое, но без скобок вроде

.navbar-inverse{
    .navbar-nav{
        >li{
            >a{
                color: #ffffff;
                border-bottom: 2px solid transparent;
                white-space: nowrap;
            }
        }
    }
}

Answer 3

[cache0]

.navbar-inverse .navbar-nav 
	> li
		> a
			color: #ffffff
			border-bottom: 2px solid transparent
			white-space: nowrap

Answer 4

[TitNIk]

Не надо так делать )))