css中的大于号是什么意思

css其实并不太难学,模板下载吧自从做网站仿制后,对此更是深有体会。基本上常用到的css代码也就那些,并不需要我们把所有的css代码全部记下来。对那些不太常用的只做个简单的了解即可。
前几天,有个才加入网站仿制行业的新手问我,怎么有些css里面会出现">"是什么意思?可能有很多新手对些都会存在疑惑,这里厚盾网就针对这个">"给大家解释一下。
css中的">"表明class样式只作用于子级元素,对于子级再往下的元素则忽略不计,比如孙级的元素就会被忽略。比如这样的代码:
<div>
<p>
<span>数学</span>
</p>
<span>语文</span>
<span>体育</span>
</div>
如果加了
div > span {
font:10px;
color:blue;
}
则说明这个样式只作用到了第二个和第三个span标签,而第一个则不起作用,因为它被包含在了p标签里面。