Как взять нужные стили для блока?

[milax]

Есть какой-то блок в готовой верстке. Мне надо взять его HTML и CSS, кторый используется при его построении. HTML "слить" не проблема при помощи Firebug, а вот как забрать только нужные стили? Есть ли какие-то способы?

[psywalker]

Есть какой-то блок в готовой верстке. Мне надо взять его HTML и CSS, кторый используется при его построении. HTML "слить" не проблема при помощи Firebug, а вот как забрать только нужные стили? Есть ли какие-то способы?

с помощью его же родимого

[EGORR]

Тебе нужен суперудобный инструмент Web Developer 1.1.8 - http://chrispederick.com/work/web-developer/ или https://addons.mozilla.org/ru/firefox/addon/60

В нем есть инструмент "Просмотреть стиль элемента". Им тыкаешь в интересующее место, и Web Developer показывает тебе всю цепочку CSS элемента.

[psywalker]

Тебе нужен суперудобный инструмент Web Developer 1.1.8 - http://chrispederick.com/work/web-developer/ или https://addons.mozilla.org/ru/firefox/addon/60

В нем есть инструмент "Просмотреть стиль элемента". Им тыкаешь в интересующее место, и Web Developer показывает тебе всю цепочку CSS элемента.

Да, идея хорошая, согласен

[milax]

с помощью его же родимого

Не уверен Это мне надо кликать по всем его потомкам и смотреть все стили?

Тебе нужен суперудобный инструмент Web Developer 1.1.8 - http://chrispederick.com/work/web-developer/ или https://addons.mozilla.org/ru/firefox/addon/60

В нем есть инструмент "Просмотреть стиль элемента". Им тыкаешь в интересующее место, и Web Developer показывает тебе всю цепочку CSS элемента.

Пасибки, посмотрю!

[milax]

Тебе нужен суперудобный инструмент Web Developer 1.1.8 - http://chrispederick.com/work/web-developer/ или https://addons.mozilla.org/ru/firefox/addon/60

В нем есть инструмент "Просмотреть стиль элемента". Им тыкаешь в интересующее место, и Web Developer показывает тебе всю цепочку CSS элемента.

Провтыкал название Он у меня давно стоит

А как именно можно выгребать нужное?

[psywalker]

Открываешь файр-баг, нажимаешь на стрелку слева, ищешь понравившийся элемент на странице, внизу смотришь его название и его код html, так же его классы или идентификатор, справа его CSS, вот и всё собственно, берёшь изменяешь стили, смотришь результат и т. д.

[milax]

Открываешь файр-баг, нажимаешь на стрелку слева, ищешь понравившийся элемент на странице, внизу смотришь его название и его код html, так же его классы или идентификатор, справа его CSS, вот и всё собственно, берёшь изменяешь стили, смотришь результат и т. д.

Да ну? Неужели?!

А если внутри блока штук двадцать других блоков и у них есть тоже стили? А у тех двадцати еще есть потомки? Дня за два справлюсь?

[psywalker]

да это так тебе кажется, я со временем привык

[milax]

да это так тебе кажется, я со временем привык

Вот собсно по сабжу и хотелось бы облегчить нашу с Вами жизнь..

Но что-то глухо

[psywalker]

Ну вот смотри тебе беспроигрышный вариант:

1) Устанавливаешь Web Developer 1.1.8

2) Наверху появляется вкладка "Ошибок CSS нет", жмёшь её, далее вкладка "Редактор CSS", жмёшь и слева открывается вся таблица стилей данного сайта

3) В общем слева таблица, а справа сайт с открытым файрбагом. Ищешь опятьже файрбагом нужный блок, смотришь его название

4) Слева в стилях в поиске его находишь и уже смотришь все его вложенные элементы, стили и т. д.