Вход CSS [type = "type"] нуждается в котировках?

Question

Я всегда думал, что входной CSS [тип] Селектор необходимо кавычки, чтобы указать тип, например:

input[type="email"], input[type="text"] 

Теперь я скачал пару стилизованных флажков и отчетов CSS:

input[type=checkbox] { 
    display:none; 
} 

Необходимы ли котировки или это то же самое с или без них?

Answer 1

Нет, котировки не нужны as per the CSS grammar rules.

Правила немного запутывают, но вот соответствующая продукция. Обратите внимание, как это значение может быть идентификатором (некорректным для словесных значений) или цитируемой строкой.

attrib 
    : '[' S* IDENT S* [ [ '=' | INCLUDES | DASHMATCH ] S* 
    [ IDENT | STRING ] S* ]? ']' 

И соответствующие маркеры:

ident  -?{nmstart}{nmchar}* 
nmstart  [_a-z]|{nonascii}|{escape} 
nmchar  [_a-z0-9-]|{nonascii}|{escape} 

string  {string1}|{string2} 
string1  \"([^\n\r\f\\"]|\\{nl}|{escape})*\" 
string2  \'([^\n\r\f\\']|\\{nl}|{escape})*\' 

Внимательный читатель мог заметить, что «nonascii» допускается в символ идентификатора: за пределами ASCII плоскости, все Unicode символы технически разрешены в идентификатор. С практической точки зрения, однако, я рекомендую цитаты во всех случаях, кроме «тривиальных» случаев.