What's wrong with my a class that it is now working in the CSS file?-CodePudding

So, basically the logo part wont work, nothing changes when editing in css. Nothing happens in the dreamcatcher world, it is still underlined and color blue because of the html.

HTML

<div class="nav bar">
    <div class="container">
        <a  class="dclogo" href="#"><span>Dreamcatcher</span> World</a>
    </div>
</div>

CSS

.navbar {
background: white; 
padding: 1em; 

.dclogo{
    text-decoration: none;
    font-weight: bold;
    color: black;
    font-size: 1.2em;
    
    span{
        color: rgb(114, 8, 8);

CodePudding user response：

Don't forget to close the brackets. You can use this code:

.navbar {
  background: white;
  padding: 1em;
}

.dclogo {
  text-decoration: none;
  font-weight: bold;
  color: black;
  font-size: 1.2em;
}

span {
  color: rgb(114, 8, 8);
}

CodePudding user response：

I would try using a paragraph class instead of an a class in this instance. Using an a class in this instance is telling the HTML to present the text as a link. Also, don't forget to close your CSS with a curly bracket.

.nav bar {
background: white; 
padding: 1em; 

.dclogo {
    text-decoration: none;
    font-weight: bold;
    color: black;
    font-size: 1.2em;
    }
    
 span {
  color: rgb(114, 8, 8);
  }

<div class="nav bar">
    <div class="container">
        <p class="dclogo"href="#"><span>Dreamcatcher</span> World</p>
    </div>
</div>

<!--If this is going to be featured in your nav bar I would recommend using an <ul> to <li> structure and use list-type: none;-->