CSS子元素选择器(>)，选择某元素子元素，而不包含该子元素的子元素

当前位置：首页 » CSS » CSS子元素选择器(>)，选择某元素子元素，而不包含该子元素的子元素

来自：新思网络时间：2012-05-25 13:31:17

CSS 子元素选择器“>”，其作用是选择某元素子元素，而不包含该子元素的子元素

<!DOCTYPE HTML>

<html>

<head>

#stuList>div

{

background: #EBFFEB;

cursor: pointer;

float: left;

width: 100px;

height: 100px;

margin: 10px 10px;

margin-left:0px;

border: 1px solid #316ac5;

text-align: center;

line-height: 100px;

}

</style>

</head>

<body>

<div>

张三

Zhang San</div>

</div>

<div>

李四

Li si</div>

</div>

</body>

</html>

#stuList的子元素div背景变色了，但子元素的子元素并未变色，只运行结果如下：

如果把CSS中的大于号去掉，#stuList>div改为#stuList div，#stuList的子元素div背景变色，子元素的子元素也变色，如下：

关键词：css选择器

分类： CSS 浏览 ( 2841 ) 次