Warum funktioniert mein Text Decoration nicht?
CSS:
body{
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin: auto 0;
}
.nav{
background: rgb(0, 47, 255);
padding: 0.3em;
color: white;
text-decoration: none!important;
.contact{
text-decoration: none;
}
}
HTML:
<body>
<container>
<div class="nav">
<div class="logo">
XXX <span>XXX</span>
</div>
<div class="Links">
<a class="contact" href="#">Contact</a>
<a class="about-me" href="#">About Me</a>
<a class="projects" href="#">Projects</a>
</div>
</div>
</container>
<container class="header">
<div>
Test
</div>
</container>
</body>
2 Antworten
Es gibt kein HTML Container Tag ... Nutze stattdessen ein div.
Dein Nav geht auf { aber die Klammer zu } fehlt
ja der Rest funktioniert ja perfekt, nur die text-decoration: none geht nicht
es ist sass vielleicht macht das einen Unterschied. Habe es allerdings mit watch sass auf eine css Datei automatisch umgeschrieben
Ja, sass ist nicht zum Einbinden, man muss es kompilieren, das stimmt...
hab das problem gelöst eine extension ging nicht automatisch los und mein css wurde nicht auf den live server ĂŒbertragen :( Aber jetzt funktioniert es perfekt. Vielen Dank trotzdem
Es gibt kein HTML Container Tag ...
Die Verwendung dieser ist im Rahmen von Web Components aber mittlerweile durchaus möglich: https://wiki.selfhtml.org/wiki/HTML/Web_Components/custom_elements
Dann kann ich direkt mit deinem Link Kontern: Schau mal hier:
https://wiki.selfhtml.org/wiki/HTML/Web_Components/custom_elements#Regeln
Das geht nicht mit Container
Versuchs mit
.nav a {
text-decoration: none!important;
}
oder
.Links a {
text-decoration: none!important;
}
Dann schau doch mal im Browser mit dem Inspector was deine Definitionen ueberschreibt.
Oder ueberpruef den Pfad mit dem die CSS eingebunden ist.
Oder setz die CSS mit <style>..</style> in den <head>
<html>
<head>
<style>
body{ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; margin: auto 0;}
.nav{ background: rgb(0, 47, 255); padding: 0.3em; color: white; text-decoration: none;}
.logo{text-align: center;}
.contact{text-decoration: none;}
</style>
</head>
<body>
<div class="nav">
<div class="logo">
XXX <span>XXX</span>
</div>
<div class="Links">
<a class="contact" href="#">Contact</a>
<a class="about-me" href="#">About Me</a>
<a class="projects" href="#">Projects</a>
</div>
</div>
<div class="header">
Test
</div>
</body>
</html>
Habe es jetzt so geÀndert, es funktioniert allerdings immer noch nicht:
HTML:
<body>
<div class="nav">
<div class="logo">
XXX <span>XXX</span>
</div>
<div class="Links">
<a class="contact" href="#">Contact</a>
<a class="about-me" href="#">About Me</a>
<a class="projects" href="#">Projects</a>
</div>
</div>
<div class="header">
Test
</div>
</body>
CSS:
body{
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin: auto 0;
}
.nav{
background: rgb(0, 47, 255);
padding: 0.3em;
color: white;
text-decoration: none;
}
.logo{
text-align: center;
}
.contact{
text-decoration: none;
}