在CSS中，class是一種為HTML元素定義樣式的重要方式，它可以幫助我們更好地進(jìn)行樣式的分類和管理。除了定義class外，CSS還允許我們使用class的子類來(lái)更精確地定位需要樣式化的元素。
/*定義一個(gè)名為container的class*/
.container {
width: 960px;
margin: 0 auto;
padding: 20px;
}
/*定義一個(gè)名為header的子類，用于定位元素*/
.container .header {
height: 100px;
background-color: #333;
}
/*定義一個(gè)名為nav的子類，用于定位 在上面的代碼中，我們首先定義了一個(gè)名為container的class，包含了一些基本的樣式。而后，我們又定義了四個(gè)子類——header、nav、content、footer，分別用于對(duì)應(yīng)HTML中的
<div class="container"> <header class="header"> </header> <nav class="nav"> </nav> <section class="content"> </section> <footer class="footer"> </footer> </div>
這樣一來(lái)，我們就可以更加靈活地對(duì)各個(gè)元素進(jìn)行樣式的定位和設(shè)定，從而更好地實(shí)現(xiàn)所需的頁(yè)面布局效果。