자바 스크립트를 사용하는 Django의 페이지 특정 CSS

Andreas Halvorsen Tollånes

이것은 여러분이 수용 할 수 있다고 느끼는 것이 무엇인지 또는 현재 제가 가지고있는 문제를 처리하는 가장 좋은 방법에 대한 질문입니다.

저는 Django에서 모든 곳에서 사용하는 헤더를 사용하고 있지만 랜딩 페이지에서는 다른 스타일을 원합니다.

따라서 헤더가 다른 두 개의 기본 템플릿과 각각 두 개의 sass 파일을 만드는 대신. 문제의 페이지에 11 줄의 자바 스크립트 스타일을 추가했습니다. javascript가 활성화되어 있지 않으면 헤더가 일반적으로 순수 CSS에서 작동하므로 문제가 발생하지 않습니다.

이것이 나쁜 습관입니까? 그리고 지나치게 복잡하지 않은 더 나은 방법이 있습니까?

그는 말한다

당신은 추가 할 수 있습니다

{% block extra_css %}
    <link href="main_styles.css" rel="stylesheet" media="screen">
{% endblock %}

base.html 헤더에.

그 방문 페이지 헤더에서 :

{% block extra_css %}
    <link href="landing_page_styles.css" rel="stylesheet" media="screen">
{% endblock %}

이것은 약간 높은 수준입니다. 블록을 재정의하면 재정의 될 CSS 클래스가 포함 된 블록을 추가 할 수 있습니다.

<div class="global_class {% block extra_csscls %}{% endblock %}">

및 방문 페이지에서 :

{% block extra_csscls %}landing_page_css_class{% endblock %}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 스크립트 또는 CSS를 사용하여 특정 이미지를 선택하는 방법

분류에서Dev

페이지 당 Sitemesh 사용자 정의 자바 스크립트

분류에서Dev

자바 스크립트를 사용하여 CSS에 정의 된 SVG 이미지의 색상 변경

분류에서Dev

자바 스크립트를 사용하여 특정 <div>를 제외하고 웹 페이지의 모든 이미지에 클래스 추가

분류에서Dev

특정 URL의로드를 방지하는 자바 스크립트?

분류에서Dev

자바 스크립트에서 특정 문자 사이의 텍스트를 바꾸는 방법

분류에서Dev

WordPress의 사용자 정의 CSS에서 특정 페이지를 제외하는 방법은 무엇입니까?

분류에서Dev

Rails를 사용하여 애플리케이션의 특정 페이지에서 자바 스크립트 파일을 어떻게 실행합니까?

분류에서Dev

자바 스크립트를 사용하여 테이블에 추가 된 새 행의 ID 또는 CSS 선택기를 설정하는 방법

분류에서Dev

bash 스크립트를 사용하여 파일 이름의 특정 문자 만 대문자로 바꾸기

분류에서Dev

사용자 정의 데이터-* 유형, CSS 및 자바 스크립트

분류에서Dev

마우스 오버시 자바 스크립트 또는 CSS를 사용하여 배경 이미지 페이딩

분류에서Dev

내 사용자 정의 된 자바 스크립트 코드를 html / php 페이지에 추가 (링크)하는 방법

분류에서Dev

사용자 정의 컨트롤의 aspx 페이지에서 외부 자바 스크립트 메서드를 호출하는 방법

분류에서Dev

CasperJS, 자바 스크립트를 사용하지 않는 대상 페이지의 스크랩 콘텐츠

분류에서Dev

자바 스크립트에서 ID없이 특정 요소의 CSS 변경

분류에서Dev

HTML, 자바 스크립트를 사용하여 페이지에 더 많은 정보를 추가하는 방법

분류에서Dev

자바 스크립트를 사용하여 웹 페이지의 배경색을 변경하는 입력 상자

분류에서Dev

자바 스크립트 후크로 Nuxt 재사용 가능한 동적 사용자 정의 페이지 전환?

분류에서Dev

자바 스크립트를 사용하여 CSS에 임의의 배경 이미지 추가

분류에서Dev

자바 스크립트를 사용하여 테이블의 특정 행에 대한 제어에 액세스하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트의 특정 동적 버튼에서 onclick 이벤트를 호출하는 방법

분류에서Dev

수동으로 변경할 수없는 기존 온 페이지 스크립트의 변수를 수정하는 자바 스크립트

분류에서Dev

자바 스크립트의 버튼을 사용하여 HTML 페이지를로드하는 방법

분류에서Dev

자바 스크립트를 사용하여 미리 서식이 지정된 텍스트의 값 변경

분류에서Dev

파이어 폭스 애드온 SDK를 사용하여 웹 페이지의 자바 스크립트 기능을 재정의합니다.

분류에서Dev

JQuery 함수를 사용하는 Django 정적 자바 스크립트 자산

분류에서Dev

자바 스크립트 또는 jquery를 사용하여 다중 페이지 양식의 환상 만들기

분류에서Dev

웹 페이지의 특정 부분에서 작동하지 않는 사용자 지정 커서 CSS

Related 관련 기사

  1. 1

    자바 스크립트 또는 CSS를 사용하여 특정 이미지를 선택하는 방법

  2. 2

    페이지 당 Sitemesh 사용자 정의 자바 스크립트

  3. 3

    자바 스크립트를 사용하여 CSS에 정의 된 SVG 이미지의 색상 변경

  4. 4

    자바 스크립트를 사용하여 특정 <div>를 제외하고 웹 페이지의 모든 이미지에 클래스 추가

  5. 5

    특정 URL의로드를 방지하는 자바 스크립트?

  6. 6

    자바 스크립트에서 특정 문자 사이의 텍스트를 바꾸는 방법

  7. 7

    WordPress의 사용자 정의 CSS에서 특정 페이지를 제외하는 방법은 무엇입니까?

  8. 8

    Rails를 사용하여 애플리케이션의 특정 페이지에서 자바 스크립트 파일을 어떻게 실행합니까?

  9. 9

    자바 스크립트를 사용하여 테이블에 추가 된 새 행의 ID 또는 CSS 선택기를 설정하는 방법

  10. 10

    bash 스크립트를 사용하여 파일 이름의 특정 문자 만 대문자로 바꾸기

  11. 11

    사용자 정의 데이터-* 유형, CSS 및 자바 스크립트

  12. 12

    마우스 오버시 자바 스크립트 또는 CSS를 사용하여 배경 이미지 페이딩

  13. 13

    내 사용자 정의 된 자바 스크립트 코드를 html / php 페이지에 추가 (링크)하는 방법

  14. 14

    사용자 정의 컨트롤의 aspx 페이지에서 외부 자바 스크립트 메서드를 호출하는 방법

  15. 15

    CasperJS, 자바 스크립트를 사용하지 않는 대상 페이지의 스크랩 콘텐츠

  16. 16

    자바 스크립트에서 ID없이 특정 요소의 CSS 변경

  17. 17

    HTML, 자바 스크립트를 사용하여 페이지에 더 많은 정보를 추가하는 방법

  18. 18

    자바 스크립트를 사용하여 웹 페이지의 배경색을 변경하는 입력 상자

  19. 19

    자바 스크립트 후크로 Nuxt 재사용 가능한 동적 사용자 정의 페이지 전환?

  20. 20

    자바 스크립트를 사용하여 CSS에 임의의 배경 이미지 추가

  21. 21

    자바 스크립트를 사용하여 테이블의 특정 행에 대한 제어에 액세스하는 방법은 무엇입니까?

  22. 22

    자바 스크립트의 특정 동적 버튼에서 onclick 이벤트를 호출하는 방법

  23. 23

    수동으로 변경할 수없는 기존 온 페이지 스크립트의 변수를 수정하는 자바 스크립트

  24. 24

    자바 스크립트의 버튼을 사용하여 HTML 페이지를로드하는 방법

  25. 25

    자바 스크립트를 사용하여 미리 서식이 지정된 텍스트의 값 변경

  26. 26

    파이어 폭스 애드온 SDK를 사용하여 웹 페이지의 자바 스크립트 기능을 재정의합니다.

  27. 27

    JQuery 함수를 사용하는 Django 정적 자바 스크립트 자산

  28. 28

    자바 스크립트 또는 jquery를 사용하여 다중 페이지 양식의 환상 만들기

  29. 29

    웹 페이지의 특정 부분에서 작동하지 않는 사용자 지정 커서 CSS

뜨겁다태그

보관