코드 완성

대시가 구두점 또는 불투명 식별자로 해석되는지 여부는 선택한 편집기에 따라 다릅니다. 그러나 개인적인 취향으로 CSS 파일의 각 단어 사이를 탭하여 밑줄로 구분하고 정지가 없으면 성가신 것을 알 수 있습니다.

또한 하이픈을 사용하면 텍스트를 포함하는 요소를 선택하고 선택적으로 대시가 오는 | = 속성 선택기를 활용할 수 있습니다 .

span[class|="em"] { font-style: italic; }

이렇게하면 다음 HTML 요소가 기울임 꼴로 표시됩니다.

<span class="em">I'm italic</span>
<span class="em-strong">I'm italic too</span>

산술 연산자를 사용한 모호성

JavaScript에서 점 표기법을 통해 HTML 요소에 액세스하는 것은 기능이 아니라 버그라고 말하고 싶습니다. 끔찍한 JavaScript 구현의 초기부터 끔찍한 구성이며 실제로는 좋은 습관이 아닙니다. 요즘 JavaScript로 수행하는 대부분의 작업에 대해 DOM에서 요소를 가져 오기 위해 CSS 선택기 를 사용하고 싶기 때문에 전체 점 표기법을 다소 쓸모 없게 만듭니다. 어느 것이 더 낫니?

var firstName = $('#first-name');
var firstName = document.querySelector('#first-name');
var firstName = document.forms[0].first_name;

특히 '#first-name'JavaScript 변수로 대체하고 동적으로 빌드 할 수 있기 때문에 두 가지 첫 번째 옵션이 훨씬 더 좋습니다 . 나는 또한 그것들이 눈에서 더 즐겁다는 것을 안다.

Sass가 CSS 확장에서 산술을 가능하게한다는 사실은 실제로 CSS 자체에는 적용되지 않지만 Sass가 CSS의 언어 스타일을 따르는 사실을 이해하고 수용합니다 ( $변수 접두사 제외). 있었다 @). Sass 문서가 CSS 문서처럼 보이고 느껴지려면 대시를 구분 기호로 사용하는 CSS와 동일한 스타일을 따라야합니다. CSS3에서 산술은 calc함수 로 제한 되어 CSS 자체에서는 문제가되지 않음을 보여줍니다.

여러 언어에서 변수 이름이 불일치

마크 업 언어, 프로그래밍 언어, 스타일링 언어 또는 스크립팅 언어 인 모든 언어는 고유 한 스타일을 갖습니다. 예를 들어 XSLT 는 하이픈 구분 기호로 소문자를 사용 하고 XML 스키마 는 낙타 케이싱을 사용하는 XML 과 같은 언어 그룹의 하위 언어 내에서이 기능을 찾을 수 있습니다 .

일반적으로, 쓰고있는 언어에 가장 “느슨한”느낌을주는 스타일을 채택하는 것이 모든 다른 언어로 자신 만의 스타일을 만들어내는 것보다 낫다는 것을 알게 될 것입니다. 네이티브 라이브러리와 언어 구조를 사용하지 않아도되기 때문에 원하는 스타일에 상관없이 스타일이 기본 스타일에 의해 “오염”되므로 시도하는 것도 무의미합니다.

저의 조언은 여러 언어 중에서 좋아하는 스타일을 찾는 것이 아니라 각 언어 내에서 집에서 자신의 모든 특징을 사랑하는 법을 배우는 것입니다. CSS의 단점 중 하나는 키워드와 식별자가 소문자로 작성되고 하이픈으로 구분된다는 것입니다. 개인적으로, 나는 이것이 매우 시각적으로 매력적이며 모든 소문자 (하이픈은 없지만) HTML에 적합하다고 생각합니다 .

답변