.first,#second>span{color:green;}和.first,span{color:green;}都能達到效果，實際可以這么寫嗎？
.first,#second>span{color:green;}和.first,span{color:green;}都能達到效果，實際可以這么寫嗎？
溫水里的小白
2016-05-15
4 回答
舉報
0/150
提交
取消
2016-05-30
意思是不一樣的，你第一個選擇器的意思是：選擇class為first的元素和id為second的元素下的子一代span元素！
第二個選擇器的意思是：選擇class為first的元素和span元素（頁面中所有的span元素都會被你選擇，而第一個選擇器是選擇secend元素下的子一代span元素）！
選擇器的內容需要自己耐心看的，多想一想，思考一下，語法很重要！因為代碼這門語言就是這樣，不同的代碼可以達到相同的效果，但是他們的含義卻大相徑庭！
2016-05-17
.first,#second>span{color:green;}以后第一行的“膽小如鼠”還是紅色，是因為#second>span對<span>中的內容做了限制，只把第二行的<span>改為綠色，
.first,span{color:green;}是把兩段里面所有的<span>改為綠色
沒有優先級之說，之說后面的操作會覆蓋前面的操作
2016-05-16
不同的。在只是添加.first,#second>span{color:green;}的情況下，第一段中<span>的內容是紅色。如果只添加.first,span{color:green;}，這時就符合要求了。
那么問題來了，選擇器是有級別順序的嗎？有誰可以解答一下。
2016-05-15
可以，但是兩個語法不同