2013-07-10 6 views
0

나는 현재 다중 프론트 엔드와 백엔드 devs와 대규모 프로젝트에서 일하고 있습니다. 그것은 기본적으로 같은 핵심 구조지만 스타일과 레이아웃이 다른 여러 브랜드를 염두에 둔 대규모 전자 상거래 솔루션입니다.큰 기존 프로젝트를위한 CSS 스타일 가이드가 있습니까? 아니면 어떻게 큰 프로젝트를위한 CSS를 최적화 할 수

큰 기존의 프로젝트를위한 CSS 스타일 가이드가 있습니까 :

내 질문은 이것이다? 아니면 우리가 어떻게 로직을 깨지 않고 물건을 깨지 않고 최적으로 코드를 리팩토링 할 수 있습니까?

스타일은 혼란스럽고 필사적 인 리 팩토링이 필요합니다. 우리는 고객으로부터 프로젝트의 일부를 얻었고 우리는 기존의 레이아웃과 스타일을 스타일링하고 작업해야만했습니다.

일부 부품에는 10 세대의 셀렉터가 있으며 종종 작업을 완료하기 위해 중요한 규칙을 제공해야합니다.

죄송합니다. 법적 의무 때문에 코드 또는 샘플을 제공 할 수 없습니다.

+0

수동 재 모델링 프로세스가 될 것입니다. 자동화 할 방법이 없습니다. 예, 꽤 시간이 많이 걸릴 것입니다. 어디에서나'! important'를 추가하는 것은 좋지 않은 방법입니다. –

+1

나는 자동화 과정을 찾고 있지 않다. 그것은 치명적일 것이다. 나는 팀과 공유 할 수있는 참여 규칙을 더 찾고 있으므로 코드 리팩토링을 시작할 수 있습니다. 그러나 그럼에도 불구하고 중요한 것은 내가 아는 악마입니다. –

답변

0

요즘 CSS는 JavaScript보다 강력 해졌습니다. 미디어 쿼리 u를 사용하면 조건을 지정할 수 있으므로 Css Structure를 분해 할 수 있습니다. 또한 '@'로 시작하는 많은 지시문 태그가 더 강력합니다. CSS 3과 CSS 2.1에서만 더 나은 지원을받을 것입니다.

+1

나는 그것을 파헤쳐 볼 것이고, 그것은 실행 가능한 해결책으로 보인다. 감사합니다 –

+0

@Madhavan NR 몇 가지 링크 또는 예제를 공유 할 수 있습니까? –

+0

인트로 소개 링크 https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries http://css-tricks.com/css-media-queries/ 그리고이 링크를 통해 미디어 쿼리의 힘을 이해하십시오.
http://mediaqueri.es/ –