Codeforces에 질문을 할 때 실수로 오른쪽에 있는 문제 태그 사이드바로 넘어가는 경우가 있는데, 원래는 보일 거라고는 예상하지 못했습니다.
차단할 수 있나요? 대답은 분명합니다. 짧은 CSS 조각만 추가하면 됩니다.
<span style="color: #800000;">span.tag-box</span>{<span style="color: #ff0000;"> display</span>:<span style="color: #0000ff;"> none</span>; }
이런 식으로 이 CSS가 적용되면 라벨은 아래와 같이 됩니다.
이렇게 하면 목적이 달성됩니다.
그렇다면 CSS를 브라우저에 어떻게 적용하면 효과적일까요? 브라우저마다 방법이 다릅니다. 다음은 주류 브라우저를 예로 들어 설명합니다.
Safari의 경우 위 코드를 .css 파일로 저장한 후 환경설정->고급->스타일 시트->기타에서 이 .css 파일을 선택하세요.
IE의 경우 위 코드를 .css 파일로 저장한 후 인터넷 옵션->일반->접근성->스타일 시트를 사용하여 문서 서식 지정->.css 찾아보기에서 이를 선택합니다. 파일
Firefox의 경우 을 usercontent.css로 저장한 다음 about:support->에 폴더를 표시하고 이 파일을 chrome 폴더에 넣어야 합니다(그렇지 않으면 새 폴더를 만드세요). )
Chrome의 경우 Custom.css로 저장한 후 Chrome 폴더 내 UserStyleSheets 폴더에 넣어야 합니다
마지막으로 위의 방법이 너무 번거롭다면 Stylish와 같은 타사 확장 프로그램을 설치하여 CSS를 맞춤설정할 수도 있습니다.