이와 같은 HTML이 있다고 가정 해 봅시다.
<ul>blah</ul>
<li class="classOne">blah></li>
<li class="classTwo">blah></li>
<li class="classTwo">blah></li>
<li class="classTwo">blah></li>
<li class="classOne">blah></li>
<li class="classTwo">blah></li>
<li class="classTwo">blah></li>
<li class="classTwo">blah></li>
<li class="classTwo">blah></li>
<li class="classTwo">blah></li>
<li class="classTwo">blah></li>
<li class="classOne">blah></li>
<li class="classTwo">blah></li>
<li class="classTwo">blah></li>
</ul>
classOne의 각 인스턴스 주위에 테두리를 만들고 싶지만 classTwo의 인스턴스에는 테두리가 없어야합니다.
classTwo의 인스턴스에서 border-bottom을 보이지 않게하면 classTwo의 인스턴스 이후에 classOne의 다음 인스턴스의 위쪽 테두리를 효과적으로 제거합니다.
"다음 요소에 동일한 클래스가있는 경우에만이 요소의 아래쪽 테두리를 제거"하는 CSS 방식이 있습니까?
.classOne 요소 주위에 테두리를 선언하면 .classTwo와 관련된 선언의 영향을받지 않습니다.
.classOne {
border:1px solid black}
.classTwo {
/* This is not neccessary but explicit */
border:none;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다