Почему мой css не влияет на мой div?

Мой css отлично работает на последних 2 страницах сайта, над которым я работаю, но внезапно у меня есть div, который я пытаюсь создать, но ничего, что я вложил в css, не влияет на div. Может быть, я пропустил что-то простое или что-то не так ошибается, но я не знаю, что здесь не так, но не может. Ниже я пытаюсь отредактировать div «3left», у него есть изображение вверху и абзац текста под изображением, но я не могу изменить цвет фона или поместить div, где я хочу, в div "page3". Заранее спасибо.Почему мой css не влияет на мой div?

Херес немного HTML Я работаю с:

<div id="page3"> 
      <div id="3left"> 
       <image src="images/entertop_03.png"></image> 
       <h4>text<br> 

text<br> 
text<br> 
text<br> 
text <a href="#" class="class1">text</a><br> 
text</h4> 
      </div> 
</div>

и мой CSS:

#page3 { 
     background-image: url("../images/page3back_01.jpg"); 
    background-size: cover; 
    width: 100%; 
    height: 100%; 

    min-height: 730px; 
    font-size: 16px; 
    height: 2em; 


} 

#3left { 
    width:100%; 
    margin-top: 50px; 
    max-width: 440px; 
    height: 330px; 
    background-color: #221f1f; 



}

источник

2016-01-08 edooley

'' не требуется закрывать тег. – Evgeny

@Evgeny Не только '' не нужен закрывающий тег; это не тег. Это должно быть ''. –

Это потому, что идентификатор начинается с цифры.

CSS specification содержит информацию о том, что разрешено.

Все синтаксис CSS, нечувствительно к регистру в пределах диапазона ASCII (т.е. [A-Z] и [A-Z] эквивалентно), для частей, которые не находятся под контролем CSS, за исключением. Например, чувствительность к регистру значений атрибутов «id» и «class» HTML, имен шрифтов и URI лежит в пределах этой спецификации . Обратите внимание, в частности, что имена не учитывают регистр в HTML, но чувствительны к регистру в XML.

В CSS, идентификаторы (включая имена элементов, классы и идентификаторы в селекторов) могут содержать только символы [A-Za-z0-9] и ISO 10646 символы U + 00A0 и выше, плюс дефис (-) и подчеркивание (_); они не могут начинаться с цифры, двух дефисов или дефисов, следующих цифре . Идентификаторы также могут содержать экранированные символы и любой символ ISO 10646 в виде числового кода (см. Следующий пункт). Например, идентификатор «B & W?» может быть записано как «B \ & W \?" или "B \ 26 W \ 3F".

источник

2016-01-08 20:01:33 NikolaiDante

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

Это не относится к HTML5. https://mathiasbynens.be/notes/html5-id-class – andi

ах ..... нормально, что исправил его, спасибо – edooley

Вы использовали <image> вместо <img> и вы использовали идентификатор, начиная с номера, После будет работать нормально.

#page3 { 
 
     background-image: url("../images/page3back_01.jpg"); 
 
    background-size: cover; 
 
    width: 100%; 
 
    height: 100%; 
 

 
    min-height: 730px; 
 
    font-size: 16px; 
 
    height: 2em; 
 

 

 
} 
 

 
#left3 { 
 
    width:100%; 
 
    margin-top: 50px; 
 
    max-width: 440px; 
 
    height: 330px; 
 
    background-color: #221f1f; 
 

 

 

 
}

<div id="page3"> 
 
      <div id="left3"> 
 
       <img src=""></img> 
 
       <h4>text<br> 
 

 
text<br> 
 
text<br> 
 
text<br> 
 
text <a href="#" class="class1">text</a><br> 
 
text</h4> 
 
      </div> 
 
</div>

источник

2016-01-08 20:02:14

идентификаторы класса разрешено начать с номером, но идентификаторы ID нет.

[id='1800number_box'] { 
/* does work */ 
} 

#1800number_box { 
    /* doesn't work */ 
} 

/* Or, you can "escape" the number, which looks funky but works: */ 
#\31 800number_box { 
    /* does work */ 
} 
/* See: http://mothereff.in/css-escapes */`

источник

2016-01-08 20:04:23 noctrnal

Почему мой css не влияет на мой div?

ответ

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