Форум

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>

Rise · #4 (**permalink**) 04.01.2022, 14:33

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

У атрибутов элементов может быть префикс

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

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

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

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

Rise · #6 (**permalink**) 04.01.2022, 15:14

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

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

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

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

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

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

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

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

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

Rise · #9 (**permalink**) 04.01.2022, 15:29

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

работает, и хорошо

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

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

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

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

В чем и кто null?

Форум

Справочник

Discord чат

Курсы javascript