I'm not able to reference a <div>
, which is in my index.html file, through my .css file.
I have the following structure in my index.html file:
<!-- Content -->
<div class="container">
<div class="row">
<div class="div-address">
<h3>Endereço 1</h3>
<p>Endereço 1</p>
</div>
</div>
</div>
I'm trying to reference <div class=""div-address>
, however, the settings I'm making in the .css file are not being applied to this div
.
The reference in my .css file is given by:
.div-address{
border: 1px solid;
font-family: 'Boogaloo', cursive;
}
This structure is implemented just below the structure defined in the .css file. I did this thinking that my style might override some style already in the Bootstrap CSS framework.
NOTE:
@import url("https://fonts.googleapis.com/css?family=Boogaloo|Yesteryear");
) When I put the ".div-address" style in my index.html file, the style is implemented correctly in div
. I should be making some mistake when referring to classes in CSS or something is overwriting my style created in the .css file.
Well, I'm still new to web development and I ask you to help me solve this problem.
Thank you.