.first,#second>span{color:green;}和.first,span{color:green;}都能达到效果,实际可以这么写吗?
意思是不一样的,你第一个选择器的意思是:选择class为first的元素和id为second的元素下的子一代span元素!
第二个选择器的意思是:选择class为first的元素和span元素(页面中所有的span元素都会被你选择,而第一个选择器是选择secend元素下的子一代span元素)!
选择器的内容需要自己耐心看的,多想一想,思考一下,语法很重要!因为代码这门语言就是这样,不同的代码可以达到相同的效果,但是他们的含义却大相径庭!
.first,#second>span{color:green;}以后第一行的“胆小如鼠”还是红色,是因为#second>span对<span>中的内容做了限制,只把第二行的<span>改为绿色,
.first,span{color:green;}是把两段里面所有的<span>改为绿色
没有优先级之说,之说后面的操作会覆盖前面的操作
不同的。在只是添加.first,#second>span{color:green;}的情况下,第一段中<span>的内容是红色。如果只添加.first,span{color:green;},这时就符合要求了。
那么问题来了,选择器是有级别顺序的吗?有谁可以解答一下。
可以,但是两个语法不同