Как я могу отформатировать все элементы td, содержащиеся в таблице, с классом myclass в CSS? - PullRequest
13 голосов
/ 09 марта 2010

Как мне отформатировать все элементы td, содержащиеся в таблице, с классом myclass в CSS?

Я хочу правило формата, которое применяется к <table class="myclass"><td>FORMAT THIS</td></table>.

Ответы [ 7 ]

20 голосов
/ 09 марта 2010

С селектором потомков :

table.myclass td { — }
6 голосов
/ 09 марта 2010

Разве этот простой CSS не сделает это?

.myclass td{}
4 голосов
/ 09 марта 2010
 table.myclass td { color: blue }

Кстати, в вашей таблице отсутствует элемент tr.

3 голосов
/ 09 марта 2010
table.myclass td { ... }
3 голосов
/ 09 марта 2010

насколько я знаю, вы бы это сделали

table.myclass td { styles in here }
2 голосов
/ 09 марта 2010
1 голос
/ 28 августа 2013

table#myid td { color: blue } // каждый тд в отдельной таблице с идентификатором myid

таблица может быть удалена, но я сохранил ее для семантики.

#myid.myclass td { color: blue } * // каждый тд во всем с идентификатором myid и классом myclass. "это" id (myid), который "имеет" класс (myclass) ;-) *


вещи становятся забавными, особенно когда начинаешь играть с nth-child (x) и т. Д. Внутри "таблиц"!

проблема, похоже, больше связана с "Scope" , чем с фактическим назначением любого css. Присваивая id you limit .ie для управления scope уникальному элементу, используйте class , когда вы намереваетесь extension область действия для всех элементов, разделяющих класс. Так что теоретически вам нужно только указать .myclass td {и т. Д.}, Однако я просто хотел подтвердить ваши намерения и рассуждения, счастливого кодирования.

Но да, я согласен, пожалуйста, посмотрите на селекторы CSS и JQuery ( Шипение ). Это легко и так ..... мощно. : X

Селекторы CSS - ВКЛЮЧАЯ ВЕРСИЮ CSS ВСЕ, ЧТО НУЖНО!

...