새 CSS 파일을 사용하여 기존 웹사이트 스타일을 덮어씁니다.

Question

내 웹사이트에는 현재 웹사이트의 일부로 자동으로 포함되는 3개의 CSS 파일이 있습니다. 소스 코드(예: 웹사이트의 index.html 파일)에는 액세스할 수 없지만 다음의 CSS에는 액세스할 수 있습니다. 내 웹사이트 문서입니다.

내 웹사이트의 CSS 파일을 내 스타일로 재정의하고 재정의하려는 모든 스타일이 포함된 새 CSS 파일을 만들려고 합니다.

@import url(css4.css)를 사용하여 마지막 CSS 파일 위에 배치해 보았지만 마지막 CSS 파일의 스타일을 덮어쓰지는 않습니다.

이 목표를 달성하려면 어떻게 해야 하나요?

<link rel="stylesheet" type="text/css" href="currentCSS1.css">
<link rel="stylesheet" type="text/css" href="currentCSS2.css">
<link rel="stylesheet" type="text/css" href="currentCSS3.css">
<!-- CSS만 사용하여 아래 코드를 어떻게 추가할 수 있나요? -->
<link rel="stylesheet" type="text/css" href="newCSS4.css">

Answer 1

아무도 언급하지 않은 흥미로운 해결책이 있습니다.

사실:

1. 페이지의 HTML은 수정할 수 없습니다. - 문제없습니다!

2. CSS 파일을 수정할 수 있지만 개발자가 나중에 해당 파일을 다시 수정하고 변경 사항을 제거할 수 있습니다. 걱정하지 마세요.

3. Javascript 및 JQuery를 사용할 수 없거나 사용하고 싶지 않습니다. - 문제 없습니다.

4. 서버에 더 많은 파일을 추가할 수 있습니다 - 멋져요!

재미와 수익을 위해 .htacess 해킹을 해보자!

.htaccess 파일(문서 루트 디렉터리):

으아아아

결과: css3.css 대신 hackedCSS3.php가 요청될 때마다 자동으로 제공됩니다.

참조: http://httpd.apache.org/docs/2.2/howto/htaccess.html

hackedCSS3.php 파일:

으아아아

추가 보상:

이 솔루션을 이 .php文件中的所有三个.css 파일로 확장하고(단, css3.css만 제공) 영리한 정규식을 사용하여 파일을 건드리지 않고도 해당 개발자 CSS를 제거/수정할 수 있습니다. 가능성은 매우 매력적입니다.

추가됨:

.htaccess 파일은 웹사이트의

documents루트 디렉토리에 있어야 합니다. www.example.com/index.html이 index.html을 로드하는 곳입니다.

.htaccess 파일에 지정한 모든 디렉터리에 위치할 수 있습니다. 문서 루트도 작동합니다. 변화

으아아아

for

으아아아

필요없습니다. CSS 코드의 이 부분을 .css 파일로 처리합니다.

태그는 필요하지 않습니다. <style>

Answer 2

대부분의 답변에서 알 수 있듯이 !important를 사용하는 것 외에도 CSS 특정성

에 관한 질문입니다.

는 4개의 우선순위 열로 표시될 수 있습니다:

---

전체 예제의 CSS 관련 코드 조각은 다음과 같습니다.

으아아아 으아아아