2015-06-07 2 views
0

В моем коде ниже мой идентификатор и классы не отображаются на моей странице (т. Е. Зеленый цвет и т. Д.), Как я могу это решить?CSS: Id и классы теперь работают по назначению?

Они оба работали до того, пока я не добавил div, и теперь это не сработает.

Извините, это, вероятно, простое исправление, я очень новичок в CSS.

<!doctype html> 
<head> 
    <title> CSS </title> 

    <style type="text/css"> 


     <!-- Note the . which refers to a class --> 
     .large{ 
     font-size:300%; 
     } 

     <!-- Note the # which refers to a single id --> 
     #green{ 
     color:green; 
     } 

     .underline{ 
     text-decoration:underline; 
     } 

     .bold{ 

     font-weight:bold; 

     } 

     div { 

     background-color:blue; 

     } 



    </style> 

</head> 

<body> 
    <h1> Example heading </h1> 

    <div> 

     <p class="large"> This is a bit of text </p> 

    </div> 

    <p id="green" class="large"> A bit more... </p> 

    <!-- Note how it's possible to refer to 3 classes at the one time, seperated by spaces --> 
    <p> The third <span class= "underline large bold">word</span> in this paragraph is underlined. </p> 

</body> 
</html> 
+0

Я не знаю, что это возможно, что HTML комментарии внутри стиля делают недопустимый .large и #green – oscargilfc

+0

вы в основном говорят, «Я слишком ленив, чтобы занять 30 минут, чтобы правильно изучите CSS, пожалуйста, научите меня сейчас ». минимальное знание должно быть получено, прежде чем задавать вопрос. – vsync

+0

Я понимаю, почему вы так думаете, но я действительно не знал, в чем проблема. –

ответ

1

Это глупая проблема, мне потребовалось некоторое время, чтобы понять ее, потому что я искал что-то еще!

Проблема заключается в комментариях. В CSS вы прокомментируете с

/* comment */

и не <!-- -->, как в HTML. Просто измените комментарии, и он должен работать без проблем.

Подробнее: http://www.w3schools.com/css/css_syntax.asp

+0

Хорошо работает благодаря! –

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