XHTML 및 CSS가 객체 지향적 인 경우. . 태양은 북쪽에서 상승했을 것입니다. 그러나 모든 것은 Oo의 생각으로 볼 수 있어야하며, 숫자를 간신히 구성 할 수 있습니다. 실제로, 누군가는 몇 년 전부터 OO 스타일을 제안했지만 더 이상 발견되지 않았습니다.
그럼 어떻게 OO? 이제 모든 사람들은 CSS가 서면으로 작성 될 수 있다는 것을 알고 있습니다.
.g_g { / * xxxxxx * /}
우리는 대략 프로토 타입 이나 클래스 로 볼 수 있습니다. -__- b는 클래스 인 것처럼 보이고 html에서 객체를 인스턴스화 할 수 있습니다.
<div class = g_g> 바보 같은 소리 </div>
이 요소는 CSS의 해당 정의를 사용하지만 해당 클래스 만있는 것만으로는 충분하지 않습니다. 우리 페이지는 여러 곳 에서이 클래스를 적용 할 수 있기 때문입니다. 개인 관계를 잘 처리하려면 지금 코드를 다음으로 변경하십시오.
<div id = aoao class = g_g> 멍청한 소리 </div>
이런 식으로 AOAO의 ID가있는 요소는 클래스 .G_G 의 정의를 적용하고 개인 효과 정의는 #aoao{} 와 같은 선택기와 함께 사용할 수 있으며, 이는 대중의 .G_G 클래스에 영향을 미치지 않습니다. 동시에, #aoao 정의의 우선 순위는 .g_g의 우선 순위보다 높을 것입니다.
내가 고유 한 ID를 사용했기 때문에,이 사물의 사적인 정의를 재사용하는 것은 문제가됩니다 (ID는 한 페이지에 한 번만 나타날 수 있습니다. 누가 그것을 말했는지 모르겠습니다. 어쨌든 진실입니다). 여러 민영화를 달성하고 싶다면 어떻게해야합니까? 그러면 우리는 다형성을 달성해야합니다. 하하를 파십시오. 코드를 다시 변경하십시오.
<div class = g_g o_o> 바보 같은 소리 </div>
하나는 g_g이고 다른 하나는 o_o이지만 .o_O{} 사용하면 CSS가 다음과 같은 경우 요소를 정의 할 수도 있습니다.
.g_g {너비 : 100%}. O_O {색상 :#123456}
요소는 모두 정의되며 정의가 쌓이지 않으므로 적용됩니다. 코드가 이와 같으면 더 잘 이해 될지 모르겠습니다.
<div class = 레이아웃 색상> 바보가 아님 </div>
.layout {너비 : 100%}. 색상 {색상 :#123456}
다음으로 포장이 구현됩니다. 모든 사람은 자식 선택기를 자주 사용하고 코드를 변경해야합니다.
<div class = g_g> <span class = bendan> silly </span> aoy </div>
.bendan{} 및 .G_G .bendan{} 둘 다를 정의 할 수 있지만, 후자는 클래스가 g_g 인 요소에만 적용될 수 있습니다. 우리는 단순히 .bendan{} 글로벌 정의로, .G_G .bendan{} 로컬 정의로 이해할 수 있습니다. 이것은 XHTML 및 CSS의 모듈화에 도움이됩니다. ^^ 전설적인 캡슐화가 나타나고 계속됩니다.
<div id = aoao class = g_g o_o> <span class = bendan> idiot </span> aoao </div>
이러한 코드는 수많은 변경 사항을 생성 할 수 있으며 이해하지 못하면 처음부터 시작할 수 있습니다. ^^
실제로, 이것들은 여전히 실제 객체 지향에서 멀어집니다. 타이틀 파티를 배우고 있지만 ID와 클래스의 적용을 이해하는 데 사용할 수 있습니다.