Το CSS στυλ δεν εφαρμόζεται σε Menu Control (ASP.NET WebForms)

[Alithinos]

Καλησπέρα,

μαθαίνω ASP.NET Web Forms εδώ και κάποιο καιρό.

 

Το πρόβλημά μου είναι ότι το στυλ δεν εφαρμόζεται στο menu control, ενώ στο Design View του Visual Studio, το στυλ εμφανίζεται κανονικά.

 

Στο Design View:

 

Στον browser(Chrome):

 

 

Παρατηρήστε ότι το στυλ του h1 και του body λειτουργούν σωστά και στα 2.

 

Να και ο σχετικός css κώδικας:

#Menu1 li{
    margin-left:5px;
}

#Menu1 a{
    color:red;
    font-family:'Segoe UI';
    font-weight:bold;
}

Τι φταίει ?

 

 

----------------------------------

Άκυρο.

Ανακάλυψα τι έφταιγε. Θα πρέπει για κάτι που είναι μέσα σε μια σελίδα .aspx, να συνδέσουμε την .aspx με το αρχείο CSS εκ νέου, μέσα στο <asp:Content></asp:Content>, για να εφαρμοστούν τα στυλ και στον browser.

Λόγο του τρόπου όμως που γενικά στη CSS τα στυλ κληρονομούνται, μπορεί εύκολα να νομίζει κανείς πως αφού το content της aspx θα μπει στο placeholder, πως δεν χρειάζεται επιπρόσθετο linkάρισμα. Το γεγονός ότι το Design View του VS φαίνεται να σκέφτεται με τον ίδιο τρόπο και εφαρμόζει τα rules του css file που είναι linked στη master page και στα στοιχεία της .aspx page, ενώ ο browser ΔΕΝ το εφαρμόζει, δε διευκολύνει τη κατάσταση, αλλά σε μπερδεύει περισσότερο.