Вопрос CSS о проблемах с селектором идентификаторов?

Question

Как я могу выбрать селектор ba для работы, когда я использую его как селектор идентификаторов вместо селектора классов в следующем коде?

Это не будет работать с ba как атрибут id.

#abc textarea#ba { 
    height: 400px; 
    width: 660px; 
} 

Это будет работать с ba как атрибут класса.

#abc textarea.ba { 
    height: 400px; 
    width: 660px; 
} 

Answer 1

Я не понимаю, почему ваш пример не сработает.

Вы действительно уверены, что имеете текстовое поле с ID ba внутри элемента с ID abc? Помните, что атрибуты name не учитываются. Может быть, у вас есть дубликат id в одном из элементов? Кроме того, помните, что вы можете назначить несколько классов, но не несколько идентификаторов, таких как id='abc def'.

Edit: Это работает для меня:

<style type="text/css"> 
#abc textarea#ba { 
    height: 400px; 
    width: 660px; 
    background-color: lightyellow; 
} 

</style> 

<div id="abc"> 
    <textarea id="ba"> 
    I'm 400 wide, 660 tall and light yellow! 
    </textarea> 
</div> 

Answer 2

Вся суть идентификаторами в том, что они уникальные (идентификаторы), так что вы никогда не должны необходимости выбрать таким образом, и должны просто использовать

#ba { 
    height: 400px; 
    width: 660px; 
} 

Если у вас несколько # ba, вы не делаете это правильно.

'id = name [CS] Этот атрибут присваивает имя элементу. Это имя должно быть уникальным в документе.

Источник: http://www.w3.org/TR/html401/struct/global.html#h-7.5.2