>  Q&A  >  본문

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

<p>내 웹사이트에는 현재 웹사이트의 일부로 자동으로 포함되는 3개의 CSS 파일이 있습니다. 소스 코드(예: 웹사이트의 index.html 파일)에는 액세스할 수 없지만 다음의 CSS에는 액세스할 수 있습니다. 내 웹사이트 문서입니다. </p> <p>내 웹사이트의 CSS 파일을 내 스타일로 재정의하고 재정의하려는 모든 스타일이 포함된 새 CSS 파일을 만들려고 합니다. </p> <p><code>@import url(css4.css)</code>를 사용하여 마지막 CSS 파일 위에 배치해 보았지만 마지막 CSS 파일의 스타일을 덮어쓰지는 않습니다. </p> <p>이 목표를 달성하려면 어떻게 해야 하나요? </p> <pre class="brush:php;toolbar:false;"><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"></pre> <p><br /></p>
P粉504920992P粉504920992399일 전487

모든 응답(2)나는 대답할 것이다

  • P粉536532781

    P粉5365327812023-08-24 00:53:13

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

    사실:

    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>

    회신하다
    0
  • P粉022140576

    P粉0221405762023-08-24 00:23:36

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

    에 관한 질문입니다.

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


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

    으아아아 으아아아

    회신하다
    0
  • 취소회신하다