Наши проекты:
Журнал · Discuz!ML · Wiki · DRKB · Помощь проекту |
||
ПРАВИЛА | FAQ | Помощь | Поиск | Участники | Календарь | Избранное | RSS |
[3.145.44.174] |
|
Сообщ.
#1
,
|
|
|
Не понятно, что такое `querySelector`.
Как-то, пользуюсь с оглядкой. Я считал, что используется та же библиотека, что для разбора правил CSS текущей версии браузера. Оказалось не так и теперь не понятны правила. Например, не работает "+" и "~". Хотя ошибку не выдаёт, но и результата нет. Где посмотреть правила использования? MDN, как ни странно, видел. Для примера: ``` <!DOCTYPE html> <html> <head> <title>Test</title> <meta charset="utf-8"> <style> * { font-size: 40px ; } #abc ~ div { color: green ; } #abc + div { color: red ; } </style> </head> <body> <div id="abc">xxx</div> <div id="def">yyy</div> <div id="hij">zzz</div> <script> Object.entries( { "#abc ~ div" : "1px green solid" , "#abc + div" : "1px red solid" , } ).forEach( ( [ selector , style , ] ) => document.querySelectorAll( selector ).forEach( ( { "style" : self , } ) => self.border = style ) ) ; </script> </body> </html> ``` |