Поиск по всему сайту для конкретных случаев CSS

Question

Я очищаю CSS на довольно большом (и несколько неорганизованном) сайте. Есть ли простой способ (или часть программного обеспечения), который позволит мне найти, например, все теги "a", которые находятся внутри тегов "h3"? Или все "промежутки", которые находятся внутри тегов "p"? Я хочу изменить некоторые из этих правил CSS, но боюсь, что-нибудь где-нибудь сломаю. Любой совет?

Answer 1

Вы можете просто изменить свой CSS, чтобы выделить элементы, которые вы ищете. Например

h3 a { background-color: red }

выделит все теги "a", которые находятся внутри тегов "h3".

Answer 2

Я создал инструмент командной строки под названием Element Finder, который позволяет вам вводить в селекторе CSS, например, «h3 a», а затем искать в каталоге и находить все файлы HTML с элементами, соответствующими этому селектору.

Вам нужно будет установить Element Finder, перейдите в каталог, который вы хотите найти, и запустить:

elfinder -s "h3 a"

Или:

elfinder -s "p span"

Подробнее см. http://keegan.st/2012/06/03/find-in-files-with-css-selectors/

Answer 3

Если вы хотите очистить CSS на веб-сайте, я настоятельно рекомендую плагин Firefox Dust-Me Selectors , который специально предназначен для сканирования веб-сайтов на наличие CSS, собирается неиспользованным Он может даже сканировать несколько страниц одновременно, либо автоматически добавляя паук на ваш сайт, либо предоставляя ему файл карты сайта с конкретными страницами, которые вы хотите проверить.

Answer 4

Вы определенно захотите взглянуть на FireBug и XPathChecker , два превосходных расширения Firefox.