Jump to content
  • 0

Получить селектор автоматически возможно?


borus
 Share

Question

Здравствуйте.

Есть ли в Хроме в инструментах разработчика(или Firebug, т.п.) средства, позволяющие автоматически получить селектор какого-нибудь тега, которому дальше потребуется прописать стиль?

Благодарю

Edited by borus
Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

что значит получить автоматически селектор? Откуда firebug может знать что какому-либо элементу потребуется прописать стиль? ))

например в Хроме через правую кнопку можно выбрать Просмотреть код элемента на который была наведена мышь. Было бы удобно получать селектор для прописания свойств выделенного элемента страницы

Link to comment
Share on other sites

  • 0

90388803.jpg

Там же где CSS правила можешь смело писать как в CSS файле свойства и их значения, и элементы согласно новым правилам будут автоматически меняться. До перезапуска страницы - чтобы закрепить написаные свойства перепиши их в оригина файла css, что лежит на сервере.

Link to comment
Share on other sites

  • 0

Там же где CSS правила можешь смело писать как в CSS файле свойства и их значения, и элементы согласно новым правилам будут автоматически меняться. До перезапуска страницы - чтобы закрепить написаные свойства перепиши их в оригина файла css, что лежит на сервере.

Речь о тех случаях, когда для элемента нет еще никакого прописанного стиля и надо получить его правильный селектор, который затем уже вставить в файл со стилями

Link to comment
Share on other sites

  • 0

Речь о тех случаях, когда для элемента нет еще никакого прописанного стиля и надо получить его правильный селектор, который затем уже вставить в файл со стилями

Если элементу прописан класс или id то вы его увидете даже если он не используется в стилях. А вот если ни того ни другого нет, то он ниоткуда и не возьмется пока вы его не пропишите. Это по-моему должно быть ясно.

В случае если не заданы класс или ид то вы можете использовать последовательный селектор:

body div.wrapper div.test p a {
color: red;
}

Увидеть последовательность вложенности родителей вы можете на скрине выше снизу. Но такой подход не верен, горбить такие последовательности как минимум глупо, проще прописать класс нужному елементу.

Edited by wwt
Link to comment
Share on other sites

  • 0

Речь о тех случаях, когда для элемента нет еще никакого прописанного стиля и надо получить его правильный селектор, который затем уже вставить в файл со стилями

Если элементу прописан класс или id то вы его увидете даже если он не используется в стилях. А вот если ни того ни другого нет, то он ниоткуда и не возьмется пока вы его не пропишите. Это по-моему должно быть ясно.

В случае если не заданы класс или ид то вы можете использовать последовательный селектор:

body div.wrapper div.test p a {
color: red;
}

Увидеть последовательность вложенности родителей вы можете на скрине выше снизу. Но такой подход не верен, горбить такие последовательности как минимум глупо, проще прописать класс нужному елементу.

Ясно. на мой взгляд было бы здорово автоматизировать процесс получения селектора, по крайней мере для новичков. Это бы ускорило верстку

Link to comment
Share on other sites

  • 0

Речь о тех случаях, когда для элемента нет еще никакого прописанного стиля и надо получить его правильный селектор, который затем уже вставить в файл со стилями

Если элементу прописан класс или id то вы его увидете даже если он не используется в стилях. А вот если ни того ни другого нет, то он ниоткуда и не возьмется пока вы его не пропишите. Это по-моему должно быть ясно.

В случае если не заданы класс или ид то вы можете использовать последовательный селектор:

body div.wrapper div.test p a {
color: red;
}

Увидеть последовательность вложенности родителей вы можете на скрине выше снизу. Но такой подход не верен, горбить такие последовательности как минимум глупо, проще прописать класс нужному елементу.

Ясно. на мой взгляд было бы здорово автоматизировать процесс получения селектора, по крайней мере для новичков. Это бы ускорило верстку

Чтобы браузер или какой-то редактор сам присваивал классы или id элементам? )Тогда было бы лучше если бы редактор сам бы и верстал по макету ) Насколько я помню в редакторе от microsoft (раньше назывался frontpage) можно добавить стиль элементу, а название классу редактор придумает сам и пропишет этот класс в тег, по умолчанию там было "Стиль1, Стиль2, Стиль3 и т.д." Возможно в других WYSIWYG редакторах такая же возможность есть)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy