2015-03-01 3 views
0

Я преподавал CSS через CodeSchool и сталкивался с проблемой, чей ответ для меня не имеет смысла.Удаление идентификаторов в CSS

Направления: «Якорные теги, привязанные к рефрактору #home, должны быть привязаны к классу .home вместо этого, чтобы объявление .button больше не нуждалось в ссылке на домашний класс или идентификатор». (Без каких-либо изменений в HTML-коде.)

Here является источником HTML и вот CSS мне сказали, чтобы реорганизовать:

#home a { 
    color: #c09e79; 
} 
#home article .button { 
    color: #fff; 
} 

правильный ответ существа:

.home a { 
    color: #c09e79; 
} 
article .button { 
    color: #fff; 
} 

В HTML единственная ссылка на «home» была как идентификатор - почему ее легко изменить в CSS, чтобы класс не редактировал HTML, чтобы читать как «class =« home »?

Извините, если это общеизвестно, я не могу ничего найти об этом.

+0

HTML имеет класс «home» ... – tachyonflux

+0

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

ответ

1

Это потому, что раздел уже есть «дом» в качестве идентификатора и как класс:

<section id="home" class="content home group"> 

«дом» является вторым классом. Раздел имеет три класса, разделенных пробелами.

1

HTML:

<section id="home" class="content home group"> 

Есть 3 классы определены:

content 
home 
group 

Вы можете определить несколько классов для атрибута с использованием пробелов между ними.

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