                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

p span.warning{color:purple;}前面的顺序能调换么比如

p span.warning{color:purple;}前面的顺序能调换么比如 p .warning span{color:purple}

还有就是#footer .note p{color:yellow;} 代表的意思是什么循序是代表先找到id为footer的标签然后再考虑该标签是否应用了.note的样式在判断是否为该标签是否为P标签

dreamer2015

2015-02-25

源自：初识HTML(5)+CSS(3)-升级版 9-3

关注问题我要回答

2199

操作

收起

1 回答

凯百万
2015-02-25

不能随便调换,顺序是按照祖先先后顺序的,打乱以后就找不到对应父级子级关系了.

#footer .note p{color:yellow;} 意思是先找到id为footer的元素,再找到其后代中所有class带有note的元素,最后找到其后代的所有p标签.

0 回复有任何疑惑可以回复我~

收起回答

dreamer2015 提问者

那请问下<div id="footer"><p class="note">balabala</p></div>这个满足#footer .note p{color:yellow;} 条件么

2015-02-25 回复有任何疑惑可以回复我~

凯百万回复 dreamer2015 提问者

不对哦,.note和p中间有空格,表示祖先与子孙级别,就是说p标签必须要是.note的子孙级才行 <div id="footer"> <div class="note"> <p>这样就正确了</p> </div> </div>

2015-02-25 回复有任何疑惑可以回复我~

dreamer2015 提问者回复凯百万

谢谢了

2015-02-25 回复有任何疑惑可以回复我~

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225799 人
解答问题 18234 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

1 回答p span.warning{color:purple;}和#footer .note p{color:yellow;}

2 回答谁能告诉我p span.warning{color:purple;}该怎么调用。

2 回答p span.warning{color:purple;} /*权值为1+1+10=12*/

2 回答p span.warning{color:purple;}是双层的包含选择器？

4 回答p span.warning{color:purple;}是什么意思，没看懂

搜索更多本课相关问答

p span.warning{color:purple;}前面的顺序能调换么比如

我要回答关注问题

热搜

最近搜索清空

p span.warning{color:purple;}前面的顺序能调换么比如

1 回答

本课相似问答

p span.warning{color:purple;}前面的顺序能调换么比如