Description in Ukrainian. Description in English below
Це розширення допоможе вам швидко створювати селектори із html файлу або переходити до вже створених.
Як воно працює?
Наведіть курсор миші на ім'я класу, тегу чи ідентифікатор.
У спливаючому вікні з'явиться підказка з назвою цього розширення, іменем тегу, класу чи ідентифікатором і двома можливими діями
Виберіть "Перейти до селектора": розширення шукатиме селектор спочатку у файлі html у тегові <style>. Якщо такого немає, то шукатиме у підключених файлах стилів CSS.
Якщо селектор знайдено, то у знайденому селекторі додасться пустий рядок, і курсор буде стояти в цьому рядку.
Виберіть "Додати селектор". Селектор буде додано у тегові <style>, або вкінці останнього підключеного файлу CSS.
usage
Як додати селектор:
Як перейти до селектора:
version history
0.1.16 - 1. виправлена помилка при додаванні селектора для id (раніше додавався селектор з іменем undefined); 2. Додано опис англійською
0.1.15 - виправлено пошук селектора у тегові <style>;
in future
пошук селекторів у файлах стилів, підключених через <load> (bundler)
Перехід до наступного селектора з таким іменем тегу, класу чи id при виборі команди Перейти до тегу
Fast CSS Selector (English)
This extension will help you quickly create selectors from an html file or jump to already created ones.
How does it work?
Hover your mouse over a class, tag, or ID name.
A tooltip will appear in a pop-up window with the name of this extension, the name of the tag, class, or ID, and two possible actions
Select "Go to selector": the extension will first look for the selector in the html file in the <style> tag. If it is not found, it will look in the linked CSS style files.
If the selector is found, an empty line will be added to the found selector, and the cursor will be on this line.
Select "Add selector". The selector will be added in the <style> tag, or at the end of the last linked CSS file.
usage
How to add a selector:
How to go to the selector:
version history
0.1.16 - 1. fixed an error when adding a selector for id (previously a selector with the name undefined was added); 2. Added description in English
0.1.15 - fixed the search for a selector in the <style> tag;
in future
search for selectors in style files connected via <load> (bundler)