
请问在DW中这样写是什么意思? #header > div
2个回答
展开全部
#header div
这个意思是#header里面所有div都用这一个样式,,
比如
<style>
#header span{color:red}
<div id="header">
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
</div>
这个是12345都是color:red
那我想要5不应用这个样式的时候怎么办呢?
只需要这样写就行了
<style>
#header>span{color:red}
<div id="header">
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<p>
<span>5</span>
</p>
</div>
这样,5就不会应用这个样式,
>的意思,简单说,就是样式下的子级元素应用,,子子级元素,就不会应用
就是样式只会应用在下一级,,其它级的都不会应用的意思。。。
#header span是选择了所有后代元素,不论级别,,而#header>span就只选择下一代的元素。
这个意思是#header里面所有div都用这一个样式,,
比如
<style>
#header span{color:red}
<div id="header">
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
</div>
这个是12345都是color:red
那我想要5不应用这个样式的时候怎么办呢?
只需要这样写就行了
<style>
#header>span{color:red}
<div id="header">
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<p>
<span>5</span>
</p>
</div>
这样,5就不会应用这个样式,
>的意思,简单说,就是样式下的子级元素应用,,子子级元素,就不会应用
就是样式只会应用在下一级,,其它级的都不会应用的意思。。。
#header span是选择了所有后代元素,不论级别,,而#header>span就只选择下一代的元素。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询