子选择器和后代选择器是只对框有作用吗？
子选择器和后代选择器是只对框有作用吗？发现用文字来体现貌似没什么差距，因为使用自选择器，第一代标签内有第二代标签，给文字设置颜色和字体，只要被第一代标签包括的文字颜色和字体都会变成一样的，用后代选择器设置同样也不会有什么变化。
慕运维0036432
2018-05-18
3 回答
补充：
"以color- font- text- line- 开头的，这些关于文字样式的，都能够继承；所有关于盒子的，定位的，布局的属性都不能继承。"
具体可继承的属性为：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction、text-indent、text-align、list-style、list-style-type、list-style-position、list-style-image。
具体不可继承的属性为：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before等。
继承性是从大贯穿到最小的，从自己开始的，直到最小的元素。即继承性不光儿子可以继承，只要是后代都可以继承
个人认为不止是对框有作用。
用文字体现没有差别的原因是文字的颜色和字体是有继承性的。也就是
<body>
<ul class="food">
<li>水果
<ul>
<span>香蕉</span>
<li>苹果</li>
<li>梨</li>
</ul>
</li>
<li>蔬菜
<ul>
<li>白菜</li>
<li>油菜</li>
<li>卷心菜</li>
</ul>
</li>
</ul>
.food>li{
color:red;
}
水果,香蕉,苹果,梨,蔬菜 ,白菜,油菜,卷心菜都会变成红色
因为水果是红色，香蕉、苹果、梨继承了水果的红色。同理，蔬菜 是红色，白菜、油菜、卷心菜会继承蔬菜的红色。
举报
0/150
提交
取消
