Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Вопрос по CSS селектору 
V
    Опции темы
RomanK
Дата 17.11.2010, 19:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 81
Регистрация: 25.6.2005
Где: Россия, Выборг

Репутация: нет
Всего: 2



Вобщем такой вопрос у меня:

Есть HTML код:

Код

<div id='q'>
    <div class='w'>w</div>
    <div class='e'>
        <div class='r'>r</div>
    </div>
</div>


И есть для него такой CSS:

Код

#q > .w
{
    color: red;
}
#q > .e > .r
{
    color: green;
}


В данном примере эта связка работает. Результат: симовол W становится красным, а R - зеленым.

Далее хочу сделать ТОЖЕ САМОЕ, но для таблицы:

Код

<table id='q'>
    <tr>
        <td>w</td>
    </tr>
</table>


Пишу подобный CSS код:

Код

#q > tr > td
{
    color: red;
}


В итоге - НЕ РАБОТАЕТ. В чем дело ??? Для таблиц этот селектор не пашет чтоли?
PM MAIL WWW ICQ   Вверх
Amphiluke
Дата 17.11.2010, 19:48 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 9
Всего: 112



Вообще говоря, надо обращать внимание на строение объектов в DOM. Таблицы — особый случай.
Код

#q > tbody > tr > td
{
    color: red;
}


Добавлено через 43 секунды
P.S. Вы реально используете такие CSS правила? O_o
PM   Вверх
RomanK
Дата 17.11.2010, 19:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 81
Регистрация: 25.6.2005
Где: Россия, Выборг

Репутация: нет
Всего: 2



Amphiluke, спасибо большое за подсказку.

Цитата

P.S. Вы реально используете такие CSS правила? O_o 


А что, это плохой тон?

Просто у меня иногда бывает таблица вложена в таблицу (на таблицах привык верстать уже который год, на дивы не перейти. Сколько не пытался, не понимаю я их, все равнт таблицы всовываю smile ). И чтобы правильно применились стили к конкретным объектам, мне необходимо было использовать селектор ">", чтобы лишние свойства, например отступы, не применились к другим объектам.
PM MAIL WWW ICQ   Вверх
Amphiluke
Дата 17.11.2010, 20:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 9
Всего: 112



Цитата(RomanK @  17.11.2010,  22:55 Найти цитируемый пост)
А что, это плохой тон?

Да нет, в общем-то, если вы не ориентируете свои продукты на поддержку пользователей древних браузеров, типа IE6. Хотя есть иные варианты достижения того же самого…
PM   Вверх
RomanK
Дата 17.11.2010, 20:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 81
Регистрация: 25.6.2005
Где: Россия, Выборг

Репутация: нет
Всего: 2



Amphiluke, нет, не ориентирую. smile

Охота просто минимального использования всяких классов и айди... ибо и так их у меня уже дохрена, путаться начинаю.
PM MAIL WWW ICQ   Вверх
SelenIT
Дата 17.11.2010, 20:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Думаю, лучше добиться минимального использования вложенных таблиц smile В том числе и потому, что глубокая вложенность селекторов не очень хороша для производительности...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0470 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.