Systematycznie usuwaj sprzeczne style w css

Question

Mam kilka arkuszy stylów z różnych źródeł w moim projekcie WWW. Chcę je zharmonizować. Niektóre style, których potrzebuję od jednego, niektóre od drugiego. Czy istnieje narzędzie lub metoda, jak systematycznie rozwiązywać konflikty stylów? Wypróbowałem narzędzie programistyczne IE8 i tak, można wyświetlić konflikty na poziomie każdego elementu. Ale mam wiele elemen, więc jeśli robię to element po elemencie, myślę, że to trwa zbyt długo. Teoretycznie może istnieć narzędzie pokazujące konflikty dwóch plików CSS w czasie projektowania?!? Myślę, że zaoszczędziłoby mi to dużo czasu.

Answer 1

Czy wypróbowałeś to rozszerzenie przeglądarki Firefox? https://addons.mozilla.org/en-US/firefox/addon/5392 To sprawia, że ​​usuwanie zbędnych stylów jest znacznie łatwiejsze.

W przeciwnym razie prawdopodobnie pop wszystkie style w jednym pliku, próbując zgrupować podobne zasady, a następnie użyć Dust-Me, aby usunąć te nieużywane.

Answer 2

CSS nie ma konfliktów, ma kaskady. Chodzi o to, że MOŻESZ zdefiniować wiele reguł, które mają zastosowanie do tych samych elementów, a kolejność, w której style są odzwierciedleniem, ma znaczenie - tzn. Jeśli pojawi się jako ostatnia, zastąpi poprzednie reguły tam, gdzie jest coś, co opisujesz jako konflikt.

Powinieneś albo ...

1) Zdecyduj, które arkusz stylów jest najważniejsze i umieścić go drugi

LUB

2) Ponownie napisać swoje motywy, by uniknąć bałaganu

LUB

3) jako ważnych zasad jak! important

Answer 3

Jeśli przeglądasz witrynę w FireFox i używasz rozszerzenia Firebug, możesz spojrzeć na każdy element na renderowanej stronie, a używając karty "CSS" w Firefox, zobaczysz kaskadę reguł stylu są stosowane do tego elementu i z jakiego pliku źródłowego CSS pochodzi każdy. Pokaże Ci również, jakie zasady są nadpisywane.

Jest to pomocne przy ustalaniu, skąd pochodzi konkretna reguła i co jest nadpisywane.

Nadal masz za zadanie "racjonalizację" swoich arkuszy stylów, i mogą istnieć inne narzędzia, które mogą w tym pomóc.