设为首页 - 加入收藏 - 网站地图 - RSS订阅 村姑网-www.cunguer.com
当前位置:首页 > 网页制作 > CSS > 正文

CSS 父级与子级的关系介绍

时间:2015-12-05 21:39:37 来源:村姑网 作者:喜欢安静 阅读:
导读:刚开始学习css的同学可能会经常听别人说父级和子级,那么在css中父级和子级究竟是指的什么呢?简单讲,CSS父级和CSS子级是相对而言,如一个名字为ziji的DIV包含在另外一个名字为fuji的DIV,此时,我们就说divziji是divfuji的子级,而divfuji是divziji的父级...

    刚开始学习css的同学可能会经常听别人说父级和子级,那么在css中父级和子级究竟是指的什么呢?简单讲,CSS父级和CSS子级是相对而言,如一个名字为“ziji”的DIV包含在另外一个名字为“fuji”的DIV,此时,我们就说div“ziji”是div“fuji”的子级,而div“fuji”是div“ziji”的父级。

前面我们已经了解了在css中什么是父级和子级,下面我们来举例说明一下:

CSS代码:
.fuji{...}
.fuji .fuji_a{ ...}
.fuji .fuji_b{ ...}

Div代码:
<div class="fuji">
  <div class="fuji_a">子级a中的内容</div>
  <div class="fuji_b">子级b中的内容</div>
</div>

上面的代码中,“fuji”有2个子级,他们分别是“fuji_a”和“fuji_b”,而“fuji”是他们2个的父级。我们知道了css中的父级和子级,就可以更加方便的对css样式进行维护,通过.fuji.fuji_a来对div“fuji_a”设置css样式。