css vars의 소개와 함께, 의 이유를 알고 싶습니다. 왜--이 var를 나타내는 방법으로 선택 될까요?CSS에 vars에`--`를 사용하기로 결정한 기술적 한계가 있습니까?
CSS가 semi capable calc 기능을 가지고 있다고 생각하면 --이 다른 언어의 감소 연산자와 쉽게 혼동 될 수 있다고 생각합니다.
--을 선택하게 된 역사적 의의 또는 기술적 제한 사항이있는 경우 궁금합니다. CSS 마커가 일반적으로 싱글 (#,., @ 등) 인 경우 이중이 특히 혼란 스럽습니다. 또한 이미 다른 것들에 의해 사용되는 기호를 사용하는 것도 흥미 롭습니다 (특히 클래스 이름이 --으로 시작하는 경우).
예 :
@custom-media --lt-sm (width < 576px);
--grey300: #e0e0e0;
.navbarItem {
display: inline-block;
text-align: center;
border-top: 1px solid var(--grey300);
border-left: 1px solid var(--grey300);
@media (--lt-sm) {
flex-grow: 1;
}
&:last-child {
border-right: 1px solid var(--grey300);
}
}
면책 조항 일부는이 질문의 유효성을 주장하지만, 왜을 이해 할 수
는 특정 개념을 기억의 핵심 기술이다.
내가 관련된 찾을 수있는 유일한 설명 : - 사용자 지정 속성 및 기타 사용자 정의 일을 나타 내기 위해 접두사 ""를하여 telcon에서
오늘, 우리는을 사용하여 해결.
이 var() 함수에서 사용자 지정 속성을 참조하지만 이 실제로 해결되지 않았을 때 접두사가 유지되거나 삭제되는지 여부를 논의했습니다. 전화는 오늘 접두사를 놓고 토론을했지만, 저는 var- * 속성을 사용하고 있지만, 과 같이 혼란스러운 경우 "--0"이나 "--0"과 같은 혼란스러운 사례가있는 것처럼 Simone과 Sylvain과의 토론에서 일부는 입니다. "----". 내가 인수로 모든 속성 이름 걸릴 수 있습니다) 가능성이 VAR를 (생각 저자 에 의한 잠재적 인 혼란을 이해하면서
그래서, 나는 그것이 다양한 상황에서 탈출 할 수 에 필요한 사항을 통해 혼란에 의해 기각 것 같아요. 이스케이프 규칙은 항상 매우 희박하므로 작성자에게 혼란 스럽습니다. 따라서 사용자 정의 속성 을 그대로 var() 인수로 사용하십시오.
참조 :
http://lists.w3.org/Archives/Public/www-style/2014Mar/0467.html
https://www.w3.org/TR/css-variables/#defining-variables
예, 그렇지만 CSS와 다른 언어를 혼합해서는 안됩니다. 물론'--'는 감소 연산자처럼 보이지만 다른 언어와 비교할 때 하나의'-'를 포함하는 단어는 빼기처럼 보입니다. 따라서 CSS는 독창적입니다! 어쨌든, 한 문자 대신에 두 개의 빼기 기호를 사용하는 이유는 무엇입니까? 어쩌면 그들은 단일 문자가 부족한 것 같았습니다. 다른 대부분은 이미 사용 중입니다. –
고유 한 설명이 시작되지 않습니다! 당신이 말하고있는 것을 완전히 이해합니다. 만약 그들이 고갈을 생각한다면 왜 단 하나의'-'을 사용하지 않는 것이 좋을까요? 몇 가지 이유가있을 수 있다는 것을 이해합니다. 그러나 결국 거기에있는 이유를 논의/문서화 한 경우에만 관심이 있습니다. – Chris