CSS 스타일 시트를 확장 하시겠습니까?

흥미로운 문제이지만 어쩌면 이미 해결되었습니다. 여러 도메인에 적용되는 CSS 스타일 시트 모음이 있습니다. 두 도메인은 동일한 CSS 파일을 공유하고 자체 정의 및 규칙을 스타일 시트에 추가합니다. 우리 시스템은 개발자가 특정 도메인에 속한 CSS 파일을 변경할 때마다 다른 도메인의 스타일 시트에서도 동일한 변경을 수행해야합니다.CSS 스타일 시트를 확장 하시겠습니까?

예를 들어 Main, SubMain이라는 두 개의 도메인이있는 경우 이들 중 BOth는 global.css라는 스타일 시트를 공유하고 SubMain 도메인에서 작업하는 개발자는 새로운 규칙을 추가하여이 스타일 시트를 변경합니다. 주요 도메인에서 문제가 발생하지 않도록 개발자는 진행해야하며 동일한 규칙을 global.css에 기본 도메인의 global.css 스타일 시트에 추가해야합니다.

공유 엔지니어링 프로젝트이므로 공유 위치가 동일하지 않은 이유는 무엇입니까? 내 이해는 변경 사항이 즉시 적용되어야한다는 이유이며 유감스럽게도 유일한 옵션은 모든 도메인에서 동일한 스타일 시트 + 디렉토리 구조를 사용하는 것이 었습니다. 그러나이 문제는 존재하며 엄청난 오버 헤드입니다. 확장 된 스타일 시트에 도메인 특정 CSS를 추가 할 수 있도록 CSS 스타일 시트를 확장 할 수 있습니까?

그렇지 않은 경우 어떤 다른 해결책을 제안 할 수 있습니까?

출처

2013-05-01 Parijat Kalia

도메인 전체에 스타일 시트를 포함 할 수 있습니다. –

무엇을 의미합니까? 그것이 바로 우리가하는 일입니다. –

그러면 왜 두 개의 스타일 시트를 업데이트해야합니까? –

나는 당신을 이해하지 못한다. 나는 당신의 문제가 어디에 있는지 모른다. 2 CSS 스타일 시트를 추가 하시겠습니까?

<link href="style.css" type="text/css" rel="stylesheet" /> 
    <link href="style2.css" type="text/css" rel="stylesheet" />

또는 2 개의 도메인에 1 개의 스타일 시트를 사용 하시겠습니까?

<link href="http://url.com/style.css" type="text/css" rel="stylesheet" />

두 도메인 모두 사용할 수 있습니다. 스타일 시트의 디렉토리에 링크하지 않습니다. 당신은 당신의 스타일의 링크를 그 안에 넣습니다. 이렇게하면 문제가 해결됩니다.

출처

2013-05-01 00:34:36

global.css가 있으면 도메인과 각 도메인에 기본적으로 특정 규칙이 수정되고 자체적으로 새로운 규칙이 추가됩니다. 추가 된 모든 도메인의 변경 사항은 공통적 일 수 있으므로 다른 도메인에서도 변경해야합니다. 차라리 공통적 인 변경 사항을 기본 스타일 시트에 추가하여 하위 스타일 시트에서 상속 할 수 있습니다. 그게 무슨 의미인지 (분명히 CSS 상속에 대한 내 가정은 이론적이며 OOP 영감을받은 것입니다) –

@ParijatKalia 어떻게이 대답이 당신의 문제를 해결하지 못합니까? –

나는 코멘트에 설명을 썼다. 나는 그것이 내가 직면하고있는 문제를 설명한다고 믿는다. 네가 이해하지 못했던 것을 말해 줄 수 있니? –

두 도메인 모두 하나의 CSS 파일을 사용할 수 있습니다.

<link rel="stylesheet" type="text/css" href="http://myotherdomain.com/css/global.css">

하나의 CSS 파일에 연결하기 만하면됩니다.

또는 정말로 "동기화"하고 싶다면 rsync 스크립트를 만들 수 있지만 의미가 없습니다.

출처

2013-05-01 00:44:25

예. 그러나 도메인 1의 global.css와 도메인 2의 global.css는 서로 다른 파일입니다. 둘 다 동일한 파일의 루트이지만 수정 사항을 추가합니다. 따라서 도메인 1에 고유 한 일부 규칙은 도메인 2에 있지 않아야하며 반대의 경우도 마찬가지이므로 도메인 2를 연결하는 것은 의미가 없습니다. –

그것은 당신이 도메인에서 스타일 시트를 포함 할 수 있습니다 알고 명백 :

<link rel=stylesheet type=text/css href="http://example.com/global.css">

하지만 여러 스타일 시트를 포함 할 수 있음을 알았 는가를? 모든 "마스터"스타일을 가진 하나의 스타일 시트를 만들고 도메인의 (선택 사항)에 global.css에 넣으십시오. 각 도메인에 고유 한 스타일은 해당 도메인에 특정한 스타일 시트에있을 수 있습니다. 두 장소에서 같은 코드가있는 경우

<link rel=stylesheet type=text/css href="http://example.com/css/global.css"> 
<link rel=stylesheet type=text/css href="/css/specific.css">

출처

2013-05-01 01:13:35

, 왜 두 개의 파일이 (- 방법이나 변수이든이뿐만 아니라 코딩 간다)? 이상을 사용하는 경우 한 곳에서 보관하고 어디에서나 참조 할 수 있습니다. 당신이해야 할 일은

는 (그래서 같은) CSS 파일의 로컬 복사본에 Main 웹 사이트 지점이하는 것입니다

<link rel=stylesheet type=text/css href="/global.css">

...다음 SubMain 웹 사이트에, (그래서 같은) 당신의 헤더에 Main 웹 사이트의 CSS 파일에 대한 링크를 포함

<link rel=stylesheet type=text/css href="http://mainwebsite.com/css/global.css">

만합니다 (Main를 하나 개의 도메인에 편집 가능한 CSS 파일/파일을 가지고, 문제를 해결하기 위해 하나), 다른 URL (SubMain) 웹 사이트에서 절대 URL을 사용하여 링크하십시오.

출처

2013-05-01 01:44:14 eggy

CSS 스타일 시트를 확장 하시겠습니까?

답변

관련 문제