CSS에 요소 그룹이 있는지 확인하려고합니다. 그룹 .test 및 .test2 어떤 방법이 있나요CSS 요소 그룹 연산자?
.user-form .group-area .test, .user-form .group-area .test2{}
과 같은 것을 할 :의 내가 다음 코드 있다고 가정 해 봅시다
.user-form .group-area (.test .test2){}
이 같은 스타일은 모두 .test 적용된다는 것을 의미하고 .test2 요소를 .user-form .group-area second를 반복 할 필요없이.
당신이 사용할 수있는이 ->http://lesscss.org/#synopsissupport the level 3 selectors, 당신은 substring matching attribute selectors
.user-form .group-area *[class^="test"]
바이올린 사용할 수있는 브라우저에서
고마워, 나는 덜 알지만,이 경우에는 필요 없다. –
공백은'[~ =]'속성 선택자에서 명시 적으로 금지됩니다. 두 번째 선택자는 의도 한 것을 정확히 수행하지 못하며,'test'로 시작하지 않고 첫 번째 클래스가있는 경우에는 깨질 것입니다. – BoltClock
@BoltClock : spec에서 : "값이 공백으로 구분 된 단어 목록 인 att 속성이있는 요소를 나타내며, 그 중 하나는 정확히"val "입니다."val "에 공백이 포함되어 있으면 아무 것도 나타내지 않습니다 (단어가 공백으로 구분되기 때문에). "val"이 빈 문자열이면 아무 것도 나타내지 않습니다. " – steveax
방금 인용 한 내용 : " '발'에 공백이 있으면 아무 것도 나타내지 않습니다." 선택기는 공백으로 구분 된 단어를 확인하므로 공백 문자는 구분 기호로 사용되므로 단어 자체에서 사용할 수 없기 때문에 공백 문자를 확인할 수 없습니다. 다른 말로하면'[~ =]'는 한 번에 하나의 클래스 만 검사 할 수 있습니다. – BoltClock
우리는이 오랫동안 정규 질문을 찾을 필요를 적어도 일주일에 한 번 물어 보면 ... – BoltClock