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的背景颜色变为黄色!由此可见,只有直接指定的父元素的子元素才会被选择到,

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

span div p 三个标签区别

span和div的不同之处在于span是内联的,用在一小块的内联HTML中,前后不断行. div(想想division是什么意思)元素是块级的(简单地说,它等同于其前后有断行),用于组合一大块的代码...
  • m1654399928
  • m1654399928
  • 2013年05月30日 09:34
  • 1608

p不能嵌入<div>

那哪些块元素里面不能放哪些块元素呢?我知道你有这个疑问,也知道我仅仅列一张清单你不好记住它们。我们可以先把所有的块元素再次划分成几个级别的,我们已经知道是在最外层,下一级里面只会有、、、,而我们已经知...
  • debugingstudy
  • debugingstudy
  • 2013年09月22日 20:44
  • 4011

$('div p')、$('div>p')、$(div+span)的用法和区别

$('div p')、$('div>p')、$(div+span)的用法和区别 $(‘div p’):将所有标签里面的标签选中(子标签和孙子辈标签) $(‘div>p’)将所有标签的子标...
  • varyshare
  • varyshare
  • 2016年07月17日 12:19
  • 808

jq选择器 $("#myDiv>p") 和 $("#myDiv p")的区别

JQuery测试             .p1 {             background: yellow;         }         .p2 {         ...
  • airccxx
  • airccxx
  • 2014年10月15日 11:10
  • 911

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

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

p元素包含div元素的问题

没摘要
  • qq_27486203
  • qq_27486203
  • 2017年03月06日 20:28
  • 428

div span p标签三者间的区别

是段落标签,也就块元素。 也是块元素. 是内联元素。 块状元素:独占一行,width和height起作用 内联元素:width和heigh不起作用,不占一行...
  • ynw1990
  • ynw1990
  • 2016年09月06日 21:09
  • 120

jQuery :has(selector)_给所有包含p元素的div元素添加一个text类

:has(selector) .test { width:300px; height:300px; background-color:lightgreen; marg...
  • cyanciel
  • cyanciel
  • 2017年01月05日 19:51
  • 414

为什么p元素内不能嵌套Div元素(随笔)

在开发中遇到的实际问题。
  • h15882065951
  • h15882065951
  • 2017年05月14日 17:50
  • 1483

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

啊闲来无事我又来写博客了,前段时间接了个需求是关于制作移动端的一个动画页面,其中需求方强烈要求我在项目中实现类似于微信那样的评论功能。   最开始想着,这有啥难的,用input标签不就能做么,在评论...
  • zzxboy1
  • zzxboy1
  • 2016年08月29日 11:07
  • 3116
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:div p与div>p
举报原因:
原因补充:

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