2013-02-27 2 views
2

Я изучаю некоторые электронные письма с html и css и смотрю на исходный код некоторых электронных писем, и я наткнулся на это уклонение от css в начале нескольких писем.* [класс] .tdwrap css по электронной почте

*[class].tdwrap{display: inline-block !important;} 
*[class].vspacer{ margin-left: 50px; } 

Я знаю, что * обычно означает «все», но я никогда не видел [класс] часть до и не могу найти статьи о нем, выполнив несколько поисков Google.

Любые идеи о том, что это значит?

Это было взято из источника электронной почты AppleMail, может быть, это и только AppleMail?

ответ

1

[class] - это селектор атрибутов, и когда он превалирует универсальным селектором (*), он выбирает любой элемент, на котором установлен атрибут класса, независимо от значения атрибута.

узнать немного больше о селекторы из спецификации: http://www.w3.org/TR/CSS2/selector.html

+0

Спасибо за отзыв и руководство к документации. – estern

+0

Какова практическая цель такого селектора? не означает ли классификатор '.tdwrap' * элемент, имеющий класс в любом случае? –

+0

@PerfectDark: извините, если я толстый ... '* [class] .tdwrap' matches:' * 'любой элемент' [class] ', который имеет атрибут * class *' .tdwrap', который имеет * tdwrap * класс. Если у меня есть элемент '

...
', он будет соответствовать этому селектору. Если я добавлю класс * tdwrap *, ** я не могу этого сделать без добавления атрибута class **. Правильно? * Edit: * Я говорю: '* [class] .tdwrap' будет соответствовать тем же элементам, что и' * .tdwrap' или даже просто '.tdwrap'. Так зачем беспокоиться? –

1

Это attribute selector. Он выбирает любой элемент, который имеет этот атрибут (независимо от его значения).

+0

Спасибо за ответ – estern

1

Селектор [class] соответствует любому элементу с атрибутом class набора (любое значение). Это стандартный селектор атрибутов CSS, как определено в CSS2.1. Я не думаю, что он здесь что-то делает, поскольку .tdwrap и .vspacer требуют атрибутов класса уже.

Селекторы могут быть заменены только их селекторами.

+0

Благодарим вас за руководство и ответ – estern

Смежные вопросы