Форум

voraa · #1 (**permalink**) 04.01.2022, 13:48

У атрибутов элементов может быть префикс
Типа
<time ip:alive>
Js нормально отрабатывает (пишет, читает) такие атрибуты
А в CSS никак

time[ip:alive] {
....
}

Никак не отрабатывает.
Аналогично querySelector('time[ip:alive]') орет матом

Никак нельзя? Или какой то особый синтаксис для этого есть?

ksa · #2 (**permalink**) 04.01.2022, 14:19

Сообщение от voraa

Никак нельзя?

В селекторах двоеточие используется как разделитель, для псевдоэлементов.

Белый шум · #3 (**permalink**) 04.01.2022, 14:31

Просто двоеточие нужно экранировать:

<head>
<style>
time[ip\:alive] {
   color: green;
}
</style>
</head>
<body>
<time ip:alive>
Js нормально отрабатывает (пишет, читает) такие атрибуты
<br>А в CSS никак
</time>
<script>
console.log(document.querySelector('time[ip\\:alive]').attributes);
</script>
</body>

voraa · #4 (**permalink**) 04.01.2022, 14:55

Вау! Здорово!
Мне попадалась такая конструкция тут
https://oreillymedia.github.io/Using...amespaces.html
Но там же все больше пишут про конструкцию вида [ip|alive], которая почему то ни фига не работает.

На mdn тоже только какие то не внятные слова про | находил
https://developer.mozilla.org/ru/doc...CSS/@namespace

voraa · #5 (**permalink**) 04.01.2022, 15:15

Сообщение от Rise

Где на MDN об этом почитать?

https://developer.mozilla.org/en-US/...PI/Attr/prefix

voraa · #6 (**permalink**) 04.01.2022, 15:17

Сообщение от Rise

Ну это опять XHTML.

Да хрен с ним. Лишь бы работало
В html с <!DOCTYPE html> работает, и хорошо.

voraa · #7 (**permalink**) 04.01.2022, 17:17

Сообщение от Rise

А смысл в нем если он в html всегда null?

В чем и кто null?

Aetae · #8 (**permalink**) 04.01.2022, 21:45

voraa,

Цитата:

Note: Only XML supports namespaces. HTML does not. That means that the prefix of an attribute of an HTML element will always be null.

Цитата:

В html с <!DOCTYPE html> работает, и хорошо.

Даже если оно работает - оно может в любой момент перестать. Использовать недокументированные возможности без очень серьёзной причины - не стоит.

voraa · #9 (**permalink**) 04.01.2022, 22:04

Ну хорошо, пускай это не префикс, а просто имя такое. Разрешенное!

Цитата:

Attribute names must consist of one or more characters other than the space characters, U+0000 NULL, U+0022 QUOTATION MARK ("), U+0027 APOSTROPHE ('), U+003E GREATER-THAN SIGN (>), U+002F SOLIDUS (/), and U+003D EQUALS SIGN (=) characters, the control characters, and any characters that are not defined by Unicode. In the HTML syntax, attribute names, even those for foreign elements, may be written with any mix of lower- and uppercase letters that are an ASCII case-insensitive match for the attribute's name.

https://www.w3.org/TR/2011/WD-html5-...l#attributes-0

Важно было, как задать это в CSS.
Экранировка доставляет удовольствие.
Если просто в CSS так

time[ip\:alive] {
   color: green;
}

В js так

document.querySelector('time[ip\\:alive]')

А в js в строке, которую потом загонять в элемент style так

const tymestyle =`
time[ip\\\\:alive] {
   color: green;
}`;

voraa · #10 (**permalink**) 05.01.2022, 15:42

Там любой атрибут (не обязательно с : ), который не предназначен для данного тега вызывает ошибку.

Форум

Справочник

Discord чат

Курсы javascript