PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Применить стиль ко всем селекторам внутри класса

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Webtest	Отправлено: 31 Июля, 2014 - 21:17:32
Посетитель Покинул форум Сообщений всего: 286 Дата рег-ции: Июнь 2014 Помог: 0 раз(а)	Здравствуйте. Подскажите пожалуйста как сделать так, а то я забыл: Есть класс таблицы <table class="mainTable">, как сделать так, чтобы ТОЛЬКО внутри этого класса ко всем th/tr/td применялись определенные стили?

DelphinPRO	Отправлено: 31 Июля, 2014 - 21:52:21
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	CODE (css): скопировать код в буфер обмена .mainTable td { } ----- Чем больше узнаю, тем больше я не знаю.

Webtest	Отправлено: 01 Августа, 2014 - 12:51:51
Посетитель Покинул форум Сообщений всего: 286 Дата рег-ции: Июнь 2014 Помог: 0 раз(а)	DelphinPRO, странно, почему если я пишу так: .mainTable th, td то не работает А если убираю запятую, то работает. (Добавление) DelphinPRO, не работает так. .mainTable { border-collapse: collapse; margin: 0 auto; } .mainTable th, td { border: 1px solid black; padding: 3px; text-align: center; } Применяется ко всем таблицам.

Ch_chov	Отправлено: 01 Августа, 2014 - 13:06:21
Постоянный участник Покинул форум Сообщений всего: 2121 Дата рег-ции: Июль 2008 Откуда: из города Помог: 90 раз(а)	Webtest пишет: А если убираю запятую, то работает. А почему вы решили что тут нужна запятая?

Webtest	Отправлено: 01 Августа, 2014 - 13:08:43
Посетитель Покинул форум Сообщений всего: 286 Дата рег-ции: Июнь 2014 Помог: 0 раз(а)	Ch_chov есть 2 таблицы с классами: Спойлер (Отобразить) .mainTable { border-collapse: collapse; margin: 0 auto; } .mainTable th td { border: 1px solid black; padding: 3px; text-align: center; } .fileLoadTable { margin: 10% auto; } .fileLoadTable tr td { padding: 3px; text-align: center; } Ничего не работает.

DelphinPRO	Отправлено: 01 Августа, 2014 - 13:31:23
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	Webtest пишет: .mainTable th, td то не работает Блин, может стоит поучить все-таки основы? это же самые примитивные знания, которые необходимы для разработки.... CODE (css): скопировать код в буфер обмена .mainTable th, .mainTable td { ... } (Добавление) Webtest пишет: как сделать так, а то я забыл: Нельзя забыть то, чего никогда не знал. ----- Чем больше узнаю, тем больше я не знаю.

Webtest	Отправлено: 04 Сентября, 2014 - 21:29:16
Посетитель Покинул форум Сообщений всего: 286 Дата рег-ции: Июнь 2014 Помог: 0 раз(а)	DelphinPRO, подскажи пожалуйста, снова не пойму, есть код: CODE (html): скопировать код в буфер обмена <table> <form action="" method="post" id="feedbackForm"> <tr><td><textarea name="message">123</textarea></td>... Почему если я применяю такой ЦСС, то ничего не меняется: CODE (htmlphp): скопировать код в буфер обмена form#feedbackForm > textarea { width: 238px; height: 62px; } Пробовал разные варианты, как выше писали: CODE (htmlphp): скопировать код в буфер обмена #feedbackForm textarea { Тоже не работает. (Отредактировано автором: 04 Сентября, 2014 - 21:29:52)

IllusionMH	Отправлено: 05 Сентября, 2014 - 11:44:35
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	Webtest, а что говорит валидатор HTML разметки? Даже в этих трех строках есть ошибка.

DelphinPRO	Отправлено: 05 Сентября, 2014 - 12:49:08
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	Webtest во-первых, внутри тега <table> допустимы только <tfoot>, <tbody>, <thead>, <tr>, <caption>, <col>. Всё. Никаких <form> там быть не может. Его следует вынести за пределы таблицы. Во-вторых, селектор ">" означат дочерний элемент. Это значит что textarea у вас предполагается находящимся непосредственно в #feedbackForm. На деле там между ними еще есть <tr> и <td>. Правильнее будет #feedbackForm textarea Если это не срабатывает (точнее не применяется), значит где-то для textarea есть более специфичное правило. Специфичность селекторов - это тоже основы CSS, здесь расписывать не буду. ----- Чем больше узнаю, тем больше я не знаю.

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.