거대한 CSS 파일과 HTML 파일이 있습니다. HTML 파일을 표시하는 동안 사용되지 않는 규칙을 찾고 싶습니다. 이를위한 도구가 있습니까?
CSS 파일은 몇 년 동안 발전해 왔으며, 아무도 그것을 제거한 적이 없다는 것을 알고 있습니다. 사람들은 새로운 규칙을 반복해서 작성했습니다.
편집 : Dust-Me Selectors 또는 Chrome의 웹 페이지 성능 도구 를 사용하는 것이 좋습니다 . 그러나 둘 다 개별 규칙이 아닌 선택기 수준에서 작동합니다. 선택기 내부의 규칙이 항상 재정의되는 경우가 많이 있습니다. 이것이 대부분 내가 없애고 싶은 것입니다. 예를 들면 다음과 같습니다.
body { color: white; padding: 10em; }
h1 { color: black; }
p { color: black; }
...
ul { color: black; }HTML의 모든 텍스트가 래퍼 요소 안에 있으므로 절대 흰색이 아닙니다. body의 패딩은 항상 작동하므로 전체 body선택기를 제거 할 수는 없습니다. 그리고 나는 그런 쓸모없는 규칙도 제거하고 싶습니다.
편집 : 그리고 쓸모없는 규칙의 또 다른 경우 : 기존 규칙을 변경하지 않고 복제 할 때 :
a { margin-left: 5px; color: blue; }
a:hover { margin-left: 5px; color: red; }나는 행복하게 두 번째를 제거 margin-left할 것입니다 ... 다시 그 도구가 그러한 것을 찾지 못하는 것 같습니다.
편집 : 나는 모든 답변을 주셔서 감사하지만 슬프게도 당신이 제안한 도구는 유용한 제안을하지 않았습니다. 나는 당신의 대답을 찬성했지만 위에서 지정한대로 더 세밀하게 일을하는 도구를 기다릴 것입니다.
감사합니다,
적절한 도구가 부족할 수 있습니다. 필요한 것을 이해했기 때문에 그러한 도구를 만드는 가장 좋은 사람이 될 수 있습니다. 기존 도구의 코드에서 아이디어와 기법을 검사 한 다음 선택기보다는 규칙 수준에서 작동하는 것을 만들 수 있습니다. 명성과 재산에 당신의 기회! ... 음, 아마도 명성 일 것입니다.)
—
iconoclast
@Brandon : 당신이 잘 될 수 있도록이 문제는 단지 ... :-)은 "주목할만한 질문"마크를 히트
—
liori