Colori link testuali ignorati

[Gas75]

Salve, mi sono bloccato sull'assegnazione dei colori dei link alla barra di menù, attraverso un file esterno miocss.css che dovrebbe sovrascrivere bootstrap.css.
La situazione HTML del codice interessato è la seguente:

<a class="navbar-brand" href="index.php">Titolo sito</a>
...
<li class="nav-item"><a class="nav-link" href="a-c.php">A B C</a></li>

Mentre lo stile:

.navbar-brand > a {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}
.navbar-brand > a:hover {
    color: #ff8;
    text-decoration: none;
}
.nav-link > a {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}
.nav-link > a:hover {
    color: #ff8;
    text-decoration: none;
}

Il risultato è che vedo il testo del brand fisso bianco anche se ci passo sopra col mouse, mentre i vari link del menù seguono i colori di Bootstrap al passaggio del mouse!
I fogli di stile sono richiamati in questo ordine che mi pare corretto:

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/miocss.css">

Perché non riesco a sovrascrivere?

[KillerWorm]

Ciao, i selettori da te definiti sono strutturati in modo sbagliato rispetto a quel codice HTML.

E' l'elemento <a> a possedere quelle classi, per cui i selettori dovrebbero essere impostati in questo modo:

a.navbar-brand {...}

a.navbar-brand:hover {...}

a.nav-link {...}

a.nav-link:hover {...}

.
Inoltre la priorità di applicazione delle varie regole dipende prima di tutto dalla "specificità" dei selettori. Se i selettori da te definiti hanno un valore minore di specificità rispetto a quelli definiti per BS, anche se le tue regole sono lette per ultime non saranno comunque applicate.

Attraverso la console web del tuo browser, nella scheda degli stili puoi verificare tu stesso quali regole vengono applicate per un dato elemento, e quali vengono sovrascritte.

Se ti serve calcolare la specificità puoi usare questo strumento: Specificity Calculator
Qui un articolo a riguardo: Calcolare la specificità

[Gas75]

Probabilmente mi sono perso qualche aggiornamento a riguardo, perché cercando qui nel forum ho trovato conferma che per assegnare un colore al testo dei link di una particolare classe, bisogna scrivere .nomeclasse > a { color: #ffff88; }

Purtroppo trovo tante incongruenze e non sempre ci sono delle date per capire cosa è caduto in disuso! Quando insegnano programmazione fanno sembrare che il codice sia univoco, poi nella pratica escono le sorprese. E vorrei chiarire questi dubbi una volta per tutte, almeno fino al prossimo bombardamento di codici deprecati...

[fcaldera]

Probabilmente mi sono perso qualche aggiornamento a riguardo, perché cercando qui nel forum ho trovato conferma che per assegnare un colore al testo dei link di una particolare classe, bisogna scrivere .nomeclasse > a { color: #ffff88; }

Purtroppo trovo tante incongruenze e non sempre ci sono delle date per capire cosa è caduto in disuso! Quando insegnano programmazione fanno sembrare che il codice sia univoco, poi nella pratica escono le sorprese. E vorrei chiarire questi dubbi una volta per tutte, almeno fino al prossimo bombardamento di codici deprecati...

Nel codice che hai postato tu, i link hanno classe navbar-brand e nav-link

ergo, se vuoi dare uno stile a questi elementi ciò che ti ha scritto killerworm è corretto

Il css che hai trovato tu non matcha nessun elemento del markup che hai scritto