2015-09-16 3 views
0

У меня какая-то странная проблема с моим css, он не загружается !? Итак, я использую google chrome для предварительного просмотра, и он всегда работал нормально, , пока я не начал показывать метатеги объявлений. Это код, который я использую;(CSS и HTML) CSS не загружается

body { 
 
    margin: 0; 
 
    overflow: hidden; 
 
} 
 

 
mainContainer { 
 
    position: absolute; 
 
    width: 100%; 
 
    height: 600px; 
 
    background-color: black; 
 
}
<DOCTYPE! html> 
 
<html> 
 
<head> 
 
    <title>Sander™ - Code & Design</title> 
 
    <link href="stylehome.css" type="text/css" rel="stylesheet"> 
 
    <meta name="description" content="Welcome to my website - Sander™ - Code & Design"> 
 
    <meta name="author" content="Sander™ - Code & Design"> 
 
    <meta name="keywords" content="Minecraft Server, RPG, Nederlands, 24/7, Beste Minecraft Server, NL server"> 
 
    <script src="http://code.jquery.com/jquery-latest.min.js"></script> 
 
    <script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script> 
 
    <script src="javaScript.js"></script> 
 
</head> 
 
<body> 
 
    <div id="mainContainer"> 
 
    
 
    </div> 
 
</body> 
 
</html>

И я не знаю, почему это не предпросмотра, я не могу найти какие-либо ошибки, заклинаниями и в целом я всегда делал это таким образом (только не мета-теги) и я всегда работал нормально. Поэтому, если кто-то может заметить что-то не так, скажите мне.

Спасибо заранее!

+0

#mainContainer {...} вместо mainContainer {...} – Hacknightly

ответ

3

mainContainer является type selector, который соответствует всем <mainContainer> элементам, которые у вас нет и не разрешены в HTML в любом случае.

Вам нужен ID selector, который начинается с символа #.

+0

Okey Мне немного стыдно, что я пропустил это, но спасибо за то, что быстро ответил – FlyingUnderpants

Смежные вопросы