CSS​特殊性

CSS特殊性这一节答案给的是p span{color:purple;},不懂这是什么格式,以前的不是都写成.first>span{color:purple;}这样的格式吗,实现的效果一样,请问两者有啥区别?

qq_漂流帝国_0
浏览 1381回答 3
3回答

Perona

空格代表后代选择器,>代表子代选择器。后代选择器匹配所有的后代元素,包含子代。子代选择器只匹配第一代元素。相关知识点:子选择器                    包含(后代)选择器

荼酒

<!doctype html> <html> <head>     <meta charset="UTF-8">     <title>Document</title>     <style>         .div1{             background-color: #cccccc;             width: 150px;             height: 150px;         }         .div1>div{             background-color: #0050ef;             height: 50px;             width: 50px;         }         .div1 div{             background-color: #0050ef;             height: 50px;             width: 50px;         }     </style> </head> <body>         <div>             <div>                 <p>                     <p>                         <div>                         </div>                     </p>                 </p>             </div>         </div> </body> </html>经过测试,空格 会指向改选择器下的所有匹配元素>只会指向一级 不会指向所有层级

echo_kinchao

这是一种选择器的写法
打开App,查看更多内容
随时随地看视频慕课网APP