Não estou conseguindo fazer referência a uma <div>
, que está no meu arquivo index.html, através do meu arquivo .css.
Tenho a seguinte estrutura no meu arquivo index.html:
<!-- Content -->
<div class="container">
<div class="row">
<div class="div-address">
<h3>Endereço 1</h3>
<p>Endereço 1</p>
</div>
</div>
</div>
Estou tentando fazer referência à <div class=""div-address>
, porém, os ajustes que estou fazendo no arquivo .css não estão sendo aplicados a esta div
.
A referência no meu arquivo .css é dada por:
.div-address{
border: 1px solid;
font-family: 'Boogaloo', cursive;
}
Esta estrutura está implementada logo abaixo da estrutura definida no arquivo .css. Fiz isso pensando que meu estilo poderia sobrescrever algum estilo já existente na estrutura CSS do Bootstrap.
NOTA:
- Estou usando o framework Bootstrap
- A estrutura de arquivo está correta (index.html, pasta css, pasta js etc.)
- Na primeira linha do meu arquivo .css estou importando a font utilizada para o div (
@import url("https://fonts.googleapis.com/css?family=Boogaloo|Yesteryear");
)
Quando eu coloco o estilo ".div-address" no meu arquivo index.html, o estilo é implementado corretamente na div
. Devo estar cometendo algum erro quando à referência de classes no CSS ou algo está sobrescrevendo meu estilo criado no arquivo .css.
Bom, ainda sou novato em desenvolvimento Web e peço a ajuda dos senhores para solucionar este problema.
Obrigado.
.css
na página com<link rel="stylesheet" type="text/css" href="etc...
?