Problema Básico em Css [Resolvido]


(Adnan dos Santos de Pinho) #1

Estou testando o bootstrap pela primeira vez, só que não estou conseguindo editar meu css, simplesmente não funciona código nenhum que eu coloque no "sytle.css"

Html aqui




Teste

    <meta charset="utf-8">

    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/bootstrap.css">


    <script src="js/bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

</head>

<body>
    <nav class="navbar navbar-custom">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#" id="logo">Logo</a>
            </div>

            <ul class=" nav navbar-nav navbar-right">
                <li><a href="#">HOME</a></li>
                <li><a href="#">PROJETOS</a></li>
                <li><a href="#">NOTÍCIAS</a></li>

            </ul>
        </div>
    </nav>


CSS AQUI

body{
background-color: orange;
}


(Robson Vital) #2

@AdnanSantoos, pode colocar a estrutura dos arquivos do seu projeto pra gente dar uma olhada?


(Adnan dos Santos de Pinho) #3

Olá, amigo, eu conseguir, acontece que eu tava importando o style primeiro, ou seja o html aplicava os estilo, e depois o bootstrap, acabava colocando o estilo dele por cima, por isso não aparecia,

mais muito Obrigado pela intenção de ajudar, tmj amigo


(Luan Maik) #4

Lembrando que o problema ocorreu pois o CSS significa Cascading Style Sheets, ou seja, ele é aplicado em forma de cascata, em se tratando de sobrescrita de estilo, o último estilo é que vale.