Fast CSS Selector

Description in Ukrainian. Description in English below

Це розширення допоможе вам швидко створювати селектори із html файлу або переходити до вже створених.

Як воно працює?

Наведіть курсор миші на ім'я класу, тегу чи ідентифікатор.
У спливаючому вікні з'явиться підказка з назвою цього розширення, іменем тегу, класу чи ідентифікатором і двома можливими діями
Виберіть "Перейти до селектора": розширення шукатиме селектор спочатку у файлі html у тегові <style>. Якщо такого немає, то шукатиме у підключених файлах стилів CSS.
Якщо селектор знайдено, то у знайденому селекторі додасться пустий рядок, і курсор буде стояти в цьому рядку.
Виберіть "Додати селектор". Селектор буде додано у тегові <style>, або вкінці останнього підключеного файлу CSS.

Як додати селектор:

Add Selector

Як перейти до селектора:

Go to Selector

0.1.16 - 1. виправлена помилка при додаванні селектора для id (раніше додавався селектор з іменем undefined); 2. Додано опис англійською
0.1.15 - виправлено пошук селектора у тегові <style>;

пошук селекторів у файлах стилів, підключених через <load> (bundler)
Перехід до наступного селектора з таким іменем тегу, класу чи id при виборі команди Перейти до тегу

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.

How to add a selector:

Add Selector

How to go to the selector:

Go to Selector

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;