섹션 크기 조정 상자를 섹션 요소로 설정하려고합니다. 내부 클래스에 적용될 것인지 묻고 싶습니다. 테스트 클래스 및 기타 클래스와도 비슷합니까? 또는 섹션 요소에만?CSS : 요소에 속성 적용
<section>
<ul class="test"></ul>
<li class="etc"></li>
</section>
섹션 크기 조정 상자를 섹션 요소로 설정하려고합니다. 내부 클래스에 적용될 것인지 묻고 싶습니다. 테스트 클래스 및 기타 클래스와도 비슷합니까? 또는 섹션 요소에만?CSS : 요소에 속성 적용
<section>
<ul class="test"></ul>
<li class="etc"></li>
</section>
먼저, HTML이 잘못되었습니다. 올바른 :
<section>
<ul class="test">
<li class="etc"></li>
</ul>
</section>
그리고 당신의 질문에
, 그것은test
클래스만을위한 것입니다!
섹션 요소를 설정 한 경우에만 applt yul 및 클래스 요소가 너무 또는 없을 것인가? – user3576515
ul에 적용되지는 않지만 클래스에 적용됩니다. :) –
"섹션"에 스타일을 지정하면 질문에 해당하는 경우 "섹션 ul"또는 "섹션 li"에 적용되지 않습니다.
별도로 스타일을 지정할 수 있습니다.
http://jsfiddle.net/d4mu3/ 아니요하지만 글꼴 및 색상과 같은 것을 볼 수는 있습니다. 또한 바이올린의 코드를 수정했습니다.
http://webdesign.about.com/od/styleproperties/p/blspbrdr.htm 상속의 섹션을 보면 경계의 스타일 속성이 상속되지 않는다는 것을 알 수 있습니다.
http://webdesign.about.com/od/styleproperties/p/blspcolor.htm 반면에 색상이 있습니다.
스타일을 다른 개체에 적용하는 방법을 이해하는 데 도움이됩니다.
<section>
<ul class="test">
<li class="etc">test</li>
</ul>
</section>
섹션 요소를 설정하면 applt가되고 ul 및 클래스 요소도 함께 표시됩니까? – user3576515
전적으로 사용하는 스타일에 따라 다릅니다. 국경이 아이들에게 영향을 미치지 않지만 색상은 왜 도움이되는지에 대한 유용한 링크로 답변을 업데이트했습니다. 그것은 모두 상속과 관련이 있으며 일부 속성은 자녀에게 영향을 미칩니다. 자녀에게 영향을주는 것을 적용 할 수있는 경우, 수동으로 그것을 무시할 수 있습니다. – Thomas
할지 여부 원소 조상의 특성은 특성 는 상속 여부에 의존 취득한다.
MDN box-sizing
은 box-sizing
이 이 아니고이 상속 받았다고 말합니다. 즉, section
에 box-sizing
이있는 경우 해당 값이 <ul>
이고 <li>
일 것입니다. 별도로 선택해야합니다.
질문을 다시 말하면 이해하기 쉽습니다. –