반응형
Chrome Developer Tools: CSS 규칙을 우선하는 것이 무엇인지 확인하는 방법은?
음, 이건 꽤 간단합니다.Chrome의 Developer Tools가 스타일이 재정의되었다는 것을 보여주는 경우, 어떤 CSS 규칙이 스타일을 재정의하는지 어떻게 볼 수 있습니까?
"무엇이 이것을 재정의하는지 보여주세요"와 같은 것이 있는지 알고 싶습니다.
OBS: 파이어버그를 지목하지 말아주세요.
요소 검사기의 Computed Style 패널을 사용합니다.관심 있는 속성을 확장하면 해당 규칙 목록과 어느 규칙이 승리했는지 확인할 수 있습니다.
같은 이름을 가진 사람 중에서 눈에 띄지 않는 것만 봐도 됩니다. 목록은 중요성에 따라 작성된 것임을 기억하세요.
또는 계산된 스타일을 볼 수도 있습니다.실제 적용된 스타일이 될 것입니다.
crtrl + shift + c로 요소를 검사합니다.그런 다음 오른쪽 아래에 있는 상자에서 선이 없는 스타일을 찾습니다.
오버라이드는 대부분의 경우 맨 위에 있습니다(이 스타일이 "승리하는" 스타일이기 때문에 선이 없습니다).
언급URL : https://stackoverflow.com/questions/13867088/chrome-developer-tools-how-to-find-out-what-is-overriding-a-css-rule
반응형
'programing' 카테고리의 다른 글
| CMake로 포코 만들기:MySQL 지원 사용 안 함 - MySQL 라이브러리 없음 (0) | 2023.09.07 |
|---|---|
| Secure openssl MariaDB - Public Server의 PhpMyAdmin (0) | 2023.09.07 |
| 성공적인 업데이트가 -1 행을 반환하는 이유는 무엇입니까? (0) | 2023.09.07 |
| Powershell 스크립트에서 TeamCity 시스템 속성에 액세스할 수 있는 방법이 있습니까? (0) | 2023.09.07 |
| Spring 보안으로 로그인한 사용자에게 조건부로 jsp 컨텐츠를 보여주는 방법 (0) | 2023.09.07 |