子選擇器和后代選擇器是只對框有作用嗎？
子選擇器和后代選擇器是只對框有作用嗎？發(fā)現(xiàn)用文字來體現(xiàn)貌似沒什么差距，因為使用自選擇器，第一代標簽內(nèi)有第二代標簽，給文字設(shè)置顏色和字體，只要被第一代標簽包括的文字顏色和字體都會變成一樣的，用后代選擇器設(shè)置同樣也不會有什么變化。
慕運維0036432
2018-05-18
3 回答
舉報
0/150
提交
取消
2018-08-27
補充：
"以color-? font-? text-? line-? 開頭的，這些關(guān)于文字樣式的，都能夠繼承；所有關(guān)于盒子的，定位的，布局的屬性都不能繼承。"
具體可繼承的屬性為：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等。
繼承性是從大貫穿到最小的，從自己開始的，直到最小的元素。即繼承性不光兒子可以繼承，只要是后代都可以繼承
2018-08-27
個人認為不止是對框有作用。
用文字體現(xiàn)沒有差別的原因是文字的顏色和字體是有繼承性的。也就是
<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;?
}
水果,香蕉,蘋果,梨,蔬菜?,白菜,油菜,卷心菜都會變成紅色
因為水果是紅色，香蕉、蘋果、梨繼承了水果的紅色。同理，蔬菜?是紅色，白菜、油菜、卷心菜會繼承蔬菜的紅色。
2018-05-18
用子選擇器做出的設(shè)置會作用到子選擇器下面所有的標簽元素，包括里面的第二代子標簽。這是不正確的用法。