Форумы портала PHP.SU :: Версия для печати :: Применить стиль ко всем селекторам внутри класса

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Применить стиль ко всем селекторам внутри класса

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Применить стиль ко всем селекторам внутри класса

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

1. Webtest - 31 Июля, 2014 - 21:17:32 - перейти к сообщению

Здравствуйте.

Подскажите пожалуйста как сделать так, а то я забыл:
Есть класс таблицы <table class="mainTable">, как сделать так, чтобы ТОЛЬКО внутри этого класса ко всем th/tr/td применялись определенные стили?

2. DelphinPRO - 31 Июля, 2014 - 21:52:21 - перейти к сообщению

CODE (css):
скопировать код в буфер обмена

.mainTable td {
 
}

3. Webtest - 01 Августа, 2014 - 12:51:51 - перейти к сообщению

DelphinPRO, странно, почему если я пишу так:
.mainTable th, td то не работает
А если убираю запятую, то работает.
(Добавление)
DelphinPRO, не работает так.
.mainTable {
border-collapse: collapse;
margin: 0 auto;
}
.mainTable th, td {
border: 1px solid black;
padding: 3px;
text-align: center;
}
Применяется ко всем таблицам.

4. Ch_chov - 01 Августа, 2014 - 13:06:21 - перейти к сообщению

Webtest пишет:

А если убираю запятую, то работает.

А почему вы решили что тут нужна запятая?

5. Webtest - 01 Августа, 2014 - 13:08:43 - перейти к сообщению

Ch_chov есть 2 таблицы с классами:

Спойлер (Отобразить)

Ничего не работает.

6. DelphinPRO - 01 Августа, 2014 - 13:31:23 - перейти к сообщению

Webtest пишет:

.mainTable th, td то не работает

Блин, может стоит поучить все-таки основы? это же самые примитивные знания, которые необходимы для разработки....

CODE (css):
скопировать код в буфер обмена

.mainTable th,
.mainTable td {
    ...
}

(Добавление)

Webtest пишет:

как сделать так, а то я забыл:

Нельзя забыть то, чего никогда не знал.

7. Webtest - 04 Сентября, 2014 - 21:29:16 - перейти к сообщению

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 {

Тоже не работает.

8. IllusionMH - 05 Сентября, 2014 - 11:44:35 - перейти к сообщению

Webtest, а что говорит валидатор HTML разметки? Даже в этих трех строках есть ошибка.

9. DelphinPRO - 05 Сентября, 2014 - 12:49:08 - перейти к сообщению

Webtest
во-первых, внутри тега <table> допустимы только <tfoot>, <tbody>, <thead>, <tr>, <caption>, <col>. Всё. Никаких <form> там быть не может. Его следует вынести за пределы таблицы.
Во-вторых, селектор ">" означат дочерний элемент. Это значит что textarea у вас предполагается находящимся непосредственно в #feedbackForm. На деле там между ними еще есть <tr> и <td>.
Правильнее будет #feedbackForm textarea
Если это не срабатывает (точнее не применяется), значит где-то для textarea есть более специфичное правило.
Специфичность селекторов - это тоже основы CSS, здесь расписывать не буду.