div p与div>p

<!DOCTYPE html>
<html>
<head>
<style>
div  p {
    background-color: yellow;
}
</style>
</head>
<body>

<h1>Welcome to My Homepage</h1>

<div>
  <h2>My name is Donald</h2>
  <p>I live in Duckburg.</p>
</div>

<div>
  <span><p>I will not be styled.</p></span>
</div>

<p>My best friend is Mickey.</p>

</body>
</html><span style="font-size:14px;">
</span>

在div p的情况下,I live in Duckburg和I will not be styled.的背景颜色变为黄色,只要在div之下的所有的p元素都会被选择

而在div>p的情况下,只有I live in Duckburg的背景颜色变为黄色!由此可见,只有直接指定的父元素的子元素才会被选择到,

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/csdnyunyun/article/details/49990903
个人分类: css
博主设置当前文章不允许评论。

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭