p span{color:purple;} p>span{color:purple;}這是什么意思
特殊性的運用
qq_舞動精靈_0
2016-10-25
5 回答
舉報
0/150
提交
取消
2016-10-25
你可以去看8-6和8-7子選擇器和后代選擇器。不過這個我感覺只是對邊框border屬性有區別。在這里是一樣的，顏色都會改變。
舉個例子<p>我在<span><span>慕客網</span>學習前端</span></p>
無論是第一種還是第二種，“慕客網學習前端”都會變紫。
但如果你css設置的是border就會有不同效果。
你可以試試。
2016-10-25
前者是p標簽下面所有的span標簽顏色設為紫色；后者>是作用于第一代p標簽下的span標簽顏色設為紫色
2016-10-25
1.這里涉及到繼承，如果單從顏色考慮，兩種情況中，<p>下的<span>都為紫色(其實就是p里的都為紫色)。
2.如果兩個同時出現，由于權值相同，最下邊的生效（下面是什么顏色就是什么顏色）。
3.兩者區別：（顏色是分不出的，此處以border邊框舉例，<p><span>超酷<span>的互<span>聯網</span</>）
（1）
? ?<p>內所有的span都帶邊框
（2）
????<p>內只有第一層span帶邊框，注意:<p>內可以有好多第一層span，比如：
<p>????<span>第一層</span>???? <span>同為第一層</span>????</p>
2016-10-25
就是SPAN的文字變成紫色
2016-10-25
前者是p標簽下面所有的span標簽顏色設為紫色；后者是p標簽下面一級span標簽（只有兒子）顏色設為紫色