div p与div>p

原创 2015年11月23日 09:28:38
<!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的背景颜色变为黄色!由此可见,只有直接指定的父元素的子元素才会被选择到,

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

用div和p标签实现类似于input标签的输入功能

啊闲来无事我又来写博客了,前段时间接了个需求是关于制作移动端的一个动画页面,其中需求方强烈要求我在项目中实现类似于微信那样的评论功能。   最开始想着,这有啥难的,用input标签不就能做么,在评论...
  • zzxboy1
  • zzxboy1
  • 2016年08月29日 11:07
  • 2538

HTML中为何P标签内不可包含DIV标签?

起因:在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误,甚是诧异。于是究其原因,发现块级元素P内是不能嵌套DIV的。 深究:我们先来认识in-line内联元素和...

HTML中为何p标签内不可包含div标签?那哪些块元素里面不能放哪些块元素呢?

先看下面的例子你就能明白两者的差别: 测试一下块元素与内联元素的差别 测试一下块元素与内联元素的差别    在上面的例子中,会自己产生一个新的行,而并没有换行,这是在没有CSS渲染的情况下...

HTML中为何p标签内不可包含div标签?那哪些块元素里面不能放哪些块元素呢?

先看下面的例子你就能明白两者的差别: 测试一下块元素与内联元素的差别 测试一下块元素与内联元素的差别    在上面的例子中,会自己产生一个新的行,而并没有换行,这是在没...

srm144div2P200简单题

#include #include #include #include #include #include #include #include #include #...

HTML标签p和div的不同

标题:HTML标签p和div的不同 原文:What is the difference between and ? 链接:http://stackoverflow.com/questions/222...
  • milkcu
  • milkcu
  • 2013年06月06日 17:30
  • 1576

html几个重要标签用法(div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em)

一段时间以来,发现有很多人XHTML都不会用,不光是普通的初学者,有的程序员都不是很清楚该怎么写这个XHTML,我这里呢算是把一些常见的应用问题做一个总结,也算能使得大家能在沟通,合作上能形成默契。 ...

HTML中为何P标签内不可包含DIV标签?

起因:在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误,甚是诧异。于是究其原因,发现块级元素P内是不能嵌套DIV的。 深究:我们先来认识in-line内联元素和...

div、td 、p 等容器内强制换行和不换行

1、强制不换行,同时以省略号结尾。 你好朋友朋友朋友我为什么不能看到效果啊 2、css自动换行 div{ word-wrap: break-word; word-break: norma...

p元素包含div元素的问题

没摘要
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:div p与div>p
举报原因:
原因补充:

(最多只允许输入30个字)