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

Question

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

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

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

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

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

Answer 1

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

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

Редактировать: у меня хорошо работает:

<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