ASP .Net 웹 페이지 요소의 스타일이 어디서 왔는지 어떻게 알 수 있습니까?
https://stackoverflow.com/questions/54337
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
난처한 상황이 생겼습니다.내 웹 애플리케이션(C#, .Net 3.0 등)에는 테마, CSS 시트 및 인라인 스타일 정의가 있습니다.이제는 수프에 재료를 추가하는 요리사가 많이 있습니다.이 모든 결과는 당연히 내 페이지에 때때로 기괴한 스타일이 나타나게 됩니다.
나는 이러한 모든 스타일이 계층적 방법으로 적용된다고 확신합니다(비록 그 순서는 확실하지 않지만).문제는 각 스타일이 적용 대상을 마스크하는 "투명" 레이어로 적용된다는 것입니다.내 생각에는 전체에 대해 스타일을 지정한 다음 필요에 따라 일회성으로 스타일을 지정할 수 있으므로 좋은 생각입니다.불행히도 스타일이 실제로 어느 레이어에서 왔는지 알 수 없습니다.
모든 레이어에서 스타일을 명시적으로 표현함으로써 이 문제를 해결할 수 있지만, 그렇게 하면 부피가 커지고 관리하기 어려워지며 페이지는 80%의 시간 동안 작동합니다.그 20%가 어디서 나온 것인지 알아내면 됩니다.
해결책
IMHO, Firebug가 최선의 선택이 될 것입니다.스타일이 어떤 파일에서 왔는지 알려주고 파일 이름을 클릭하면 파일의 관련 줄로 즉시 이동할 수 있습니다.
메모:당신은 칠 수 있습니다 Ctrl 키+옮기다+씨 어느 페이지에서나 마우스로 요소를 선택하고 검사할 수 있습니다.
다른 팁
다음은 Firebug를 사용하여 요소가 스타일을 얻는 위치를 찾는 방법에 대한 빠른 스크린캐스트입니다.
Firefox에서는 DOM 검사기, 방화범을 사용하거나 이를 검사하세요.
IE에서는 IE 개발자 도구 모음을 사용하세요. 방화범 라이트)
Google Chrome에 내장된 "요소 검사" 기능을 사용하세요.
사용하여 IE 개발자 도구 모음 요소를 선택하고("클릭하여 요소 선택" 또는 DOM 트리 보기에서 해당 노드를 클릭하여) 현재 스타일 창에서 행을 마우스 오른쪽 버튼으로 클릭하고 "스타일 추적"을 선택할 수 있습니다.
다른 도구에도 비슷한 기능이 있습니다.
복잡한 CSS 문제를 해결하는 열쇠는 이상한 모양의 원인을 찾아내는 것입니다.가장 쉬운 방법은 스타일시트를 주석 처리하여 문제가 해결되는 스타일시트를 찾을 때까지 스타일시트를 선택적으로 주석 처리하는 것입니다.그런 다음 스타일시트를 활성화하고 문제를 일으키는 규칙을 찾을 때까지 규칙을 선택적으로 주석 처리합니다.무엇이 무엇보다 우선하는지 알고 싶다면 CSS의 캐스케이드 세부정보를 참조하세요.여기 개별 규칙의 구현과 달리 이는 브라우저 전체에서 상당히 일관됩니다.
그러나 인라인 스타일을 완전히 피하고 잘 만들어진 스타일시트 세트를 갖는 것이 훨씬 더 좋습니다. 각 스타일시트에는 논리적 기능이 있고 모든 규칙을 이해하고 있습니다.같은 이유로 서버 측 코드를 임의의 파일에 임의의 순서로 넣지 마십시오. 우리를
