bem

2열

1답변

BEM을 사용하여 완전히 정적 인 멀티 페이지 웹 사이트를 구축하는 방법은 무엇입니까?

지금까지 본 모든 자습서에서는 단일 페이지 사이트 또는 여러 번들을 만드는 방법을 설명했습니다. example.com/home example.com/about example.com/services 을 example.com/services/marketing : 다음은 간단한 웹 사이트 탐색의 예입니다 example.com/services/development

1열

1답변

수정 된 구성 요소의 스타일링 어린이

팀과 저는 BEM-ish (우리는 this article을 출발점으로 사용)를 구현하기 시작했습니다. 지금까지 읽은 것은 말이되는 것 같습니다. 머리를 감싸는 한 가지 큰 문제는 수정 된 구성 요소의 자식 스타일을 지정하는 방법입니다. 예를 들어 .avatar 및 .avatar--alternate 구성 요소/수정자가 있다고 가정 해 보겠습니다. 대안의 배경

1열

1답변

BEM 방법론에 따른 HTML 및 CSS 리팩토링

기존 코드를 리팩토링하고 BEM 명명 규칙을 구현하고 싶습니다. 그러나 코드를 BEM 규칙/요구 사항에 맞는 태그로 변환하는 데 어려움이 있습니다. 특히 중첩 된 요소 인 . 나는 다음과 같은 질문에 대한 답을 찾고 있어요 : BEM 방법에 중첩 된 요소의 이름을 지정 적절한 방법은 무엇입니까? 수정/중첩에서 요소의 이름을 변경하고 재사용 가능한 상태로 유

-1열

2답변

BEM 및 SMACSS가있는 사이트 모듈 대 라이브러리 모듈

BEM/SMACSS를 사용하여 CSS 아키텍처를 많이 사용하는 상황이 있습니다. 다른 개발자들이 어떻게 처리하는지보고 싶습니다. 여러 사이트에서 사용하는 CSS 모듈 라이브러리가 있습니다. .btn-group, .nav-tabs 등의 모듈 다음으로 매우 특정한 사이트 스타일의 모듈이 있습니다. 라이브러리 모듈 중 하나를 사용하기에는 너무 고유합니다. 그래서

3열

1답변

BEM, OOCSS, AMCSS, SMACSS, SUITCSS 등과 같은 CSS 모듈 방식 중에서 선택하는 방법은 무엇입니까?

은 CSS를위한 많은 모듈 식 솔루션입니다. 나는 주제에 몇 가지를 열거했으나 아마도 이미 더 많이있다. 새 프로젝트에 사용할 프로젝트를 어떻게 선택합니까? 비교가 있습니까?

1열

1답변

BEM 클래스 연쇄 성

최근에 BEM 구문을 사용 해봤는데 더 자유로운 CSS 클래스 순서를 얻기 위해 class=*^ & class=* 셀렉터를 사용하려고 했으므로 CSS의 연쇄성 사용에 대해 궁금합니다. 예 : [class^="btn"][class*="--default"][class*="--outline"] {/* style */} 그래서 <button class="btn

8열

2답변

부모 선택자가있는 BEM 중첩 SCSS는 숭고한 텍스트 구문 강조 기능을 중단합니까?

SCSS를 사용하는 프로젝트에서 BEM 구문을 실험하고 있습니다. 내 편집자는 Sublime Text 3이며 SCSS 구문 강조 표시를 사용하고 있습니다. 내가 겪고있는 문제는 this article by Mike Fowler에 따라 & 상위 선택자를 중첩 할 때 숭고함이 빨간색을 강조 표시한다는 것입니다. 이 코드는 잘 컴파일 , 내가 선호하는 단지 것

0열

1답변

SASS에서 BEM 구문에 오류가 발생했습니다.

SASS에서 "수정 자"및 "요소"BEM 구문을 사용하려고합니다. .second-title{ background-color:green; &--touched{ background-color:black; } &__left{ background-color:red; } } CSS 파일이 제대로

0열

1답변

BEM에서 이것을 표시하는 가장 좋은 방법 CSS

저는 BEM을 CSS 구성 방법으로 사용하여 CSS를 구성하고 프로젝트 과정에서 거의 모든 것이 모듈로 바뀌 었습니다. 모듈의 레이아웃 스타일을 상위 모듈에 넣습니다. 그것은 잘 작동하고 있습니다. 나를 혼란 된 나는의 보류를 파악할 수없는 것을 이 같은 것입니다 : 내가 가지고있는 다음과 같은 말 :이 단계에서 그래서 <div class="picture-

2열

2답변

OOCSS & BEM - 인라인 목록 - 스 캐 폴딩을 처리하는 방법, 스킨을 추가하는 방법?

나는 OOCSS 방법론에 대해 고민 중이다. 모든 것이 이해하기 쉽다고 생각하기 때문에 BEM 명명 규칙을 사용하려고합니다. 이 원칙을 사용하여 홈페이지 (기본적으로 인라인 목록)에 대한 탐색을 만들려고합니다. OOCSS 추상화에 관한 것입니다, 나는 지금까지 CSS를 만들어 : .horizontal-list { padding: 0; li