Colorare di bianco un link

[ANTAGONIA]

Buon giorno a tutti.
Non è che non lo so fare è che non capisco come mai se faccio cosi:
Nel css:

a.navbar-nav-link{color:#ffffff}

oppure nell'header della pagina:

a.navbar-nav-link{color:#ffffff}

non funziona.

Altrimenti, se lo metto "in linea" funziona:

<a href='#' style='color:#FFF;font-size:16px' class='dropdown-toggle' data-toggle='dropdown' role='button' aria-haspopup='true' aria-expanded='false' accesskey='5' tabindex='10'>AZIENDA <span class='caret'></span></a>

Chi me lo spiega per favore?
Grazie.

[Vincent.Zeno]

nel marcatore a non hai impostato la classe navbar-nav-link

[ANTAGONIA]

prima avevo impostato id='navbar-nav-link', ma validando con w3c mi trova 10 id uguali e quindi l'ho fatta diventare una class='navbar-nav-link'.
Quindi avevo

<a href='#' class='dropdown-toggle navbar-nav-link' data-toggle='dropdown'>Azienda</a>

ma anche cosi niente da fare, cosi come togliendo l'altra classe "dropdown-toggle", pensando avesse qualche riferimento al colore del link.

Quindi?

[Vincent.Zeno]

controlla il flusso della marcatura e dello stile, vedi se ci sono elementi che sovrascrivano le tue istruzioni e che non ci sia un problema di cache.

[ANTAGONIA]

il problema è bootstrap.min.css, se lo rinomino, i link li colora di bianco come voglio, altrimenti mi sembra impossibile modificare quelle impostazioni.

[fermat]

il problema è bootstrap.min.css, se lo rinomino, i link li colora di bianco come voglio, altrimenti mi sembra impossibile modificare quelle impostazioni.

se ho capito bene, dovresti fare un tuo css, e includelro dopo bootstrap.
in questo modo il tuo css sovrascrive le regola di bootstrap.

[ANTAGONIA]

fatto anche questo, uno tutto mio ce l'ho ed infatti intervengo li per "castomizzare" il sito.

<!-- Bootstrap core CSS -->
    <link href='/css/bootstrap.min.css' rel='stylesheet'>


    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href='/css/ie10-viewport-bug-workaround.css' rel='stylesheet'>


    <!-- Custom styles for this template -->
    <link href='/css/navbar.css' rel='stylesheet' media='all' title='standard'>

ma non c'è verso che mi prende le modifiche, ma per il solo color:#FFF, perchè se aumento il font-size da 16px a 46px, per prova, i link aumentano le dimensioni.

[Vincent.Zeno]

evidentemente non hai intercettalo il selettore corretto.
usa l'ispezione per trovare il selettore che determina i valori.
poi riscrivi, nel costum css, a tuo piacimento.

[ANTAGONIA]

ho dovuto scorrere il bootstrap.min.css per tutti gli item che facevano capo a navbar-nav.
Ora nel css dove "castomizzo" il sito ho inserito quanto segue e funziona:

/*da cosi*/
.navbar-default .navbar-nav>li>a{color:#777}
/*modifica*/
.navbar-default .navbar-nav>li>a{color:#FFF}

Grazie a tutti.

[fermat]

questa riga l'avevi messa nel tuo css??

.navbar-default .navbar-nav>li>a{color:#FFF}

perchè a me funziona anche senza andare a toccare il css di bootstrap.