vue의 범위가 쓸모 없게 된 이유는 부모 요소 스타일이 여전히 자식 요소에 영향을 줍니까?

Question

부모 요소 스타일

.container { 
margin: 20px; 
border:1px solid #f1f1f1; 
font-size:14px; 
font-weight:normal; 

자식 요소 스타일

.container{} 

하지만, 자식 요소 스타일은 다음과 같이 표현 될 수있다 :

이유는 두 가지가 있습니다 '데이터 - v - *** '를 부모 요소로 사용하고 부모 컨테이너 스타일을 사용합니까?

Answer 1

하위 구성 요소 스타일에 CSS 선택기를 지정하기 때문에 두 개의 data-v 특성이 있습니다. 비어 있다는 사실은 그것을 바꾸지 않습니다. 두 구성 요소 스타일의 범위를 지정하지 않으면 서로 영향을 미치며 특히 동일한 클래스 이름을 선택하는 경우에는 서로 영향을 미칩니다.