为什么子元素div的背景颜色是粉色的-慕课网

首页课程实战体系课手记专栏慕课教程

为什么子元素div的背景颜色是粉色的

来源：2-5 jQuery选择器之层级选择器

Mr丶Jia

2017-01-10 20:57

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h2>子选择器与后代选择器</h2>

<p>div下的第一个p元素</p>

</div>

<p>div下的第一个p元素</p>

</div>

<p>div下的article下的p元素</p>

</article>

</div>

<p>div下的article下的p元素</p>

</article>

</div>

//子选择器

//$('div > p') 选择所有div元素里面的子元素P

$('div>p').css("border", "1px groove red");

</script>

//后代选择器

//$('div p') 选择所有div元素里面的p元素

$('div p').css("border", "1px groove red");

</script>

<h2>相邻兄弟选择器与一般兄弟选择器</h2>

<div>兄弟节点div, +~选择器不能向前选择</div>

<span class="prev">选择器span元素</span>

<div>span后第一个兄弟节点div</div>

<div>兄弟节点div

<div class="small">子元素div</div>

</div>

<span>兄弟节点span,不可选</span>

<div>兄弟节点div</div>

</div>

//相邻兄弟选择器

//选取prev后面的第一个的div兄弟节点

$(".prev+div").css("border", "3px groove blue");

</script>

//一般相邻选择器

//选取prev后面的所有的div兄弟节点

$(".prev~div").css("border", "3px groove blue");

</script>

</body>

</html>

写回答关注

2回答

慕小葉

2017-01-10 21:24:26

已采纳

因为css样式给他设置了一个背景颜色啊。
.bottom .small {
width : 60px;
height : 25px;
font-size : 12px;
background : #fab;
}

1 0

Mr丶Jia

是我自己没看清楚，谢谢啊

2017-01-10 21:26:51

共 1 条回复 >
华槿墨鸢

2017-07-14 17:01:35

哈哈哈，蠢哭了自己，做了两次都没发现隔壁有css

0 0

jQuery基础 (一)—样式篇

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

217509 学习 · 1218 问题

查看课程

相似问题

背景颜色的

回答 3

get颜色对应元素几呢？

回答 1

背景色太浅

回答 2

那为啥运行后奇数的tr改变了背景颜色

回答 3

var $div = $('div); var $div = $div.get(0); div.style.co;or = 'blue'; 为什么改了颜色属性，文字的颜色不变呢？

回答 6

打开慕课网App查看更多内容