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

为什么这样不行？我用超过10个标签选择器相加。

<DOCTYPE html>
 <html>
  <head>
   <meta http-equiv="Content-Type" content="text/html"; charset="utf-8">
   <title>特殊性</title>
   <style type="text/css">
    body>p>span>span>span>span>span>span>span>span>span>span>span {color:green;}
    .ppp {color:red;}
   </style>
  </head>
  <body>
   <p>
    <span>
     <span>
      <span>
       <span>
        <span>
         <span>
          <span>
           <span>
            <span>
             <span>
              <span class="ppp">测试</span>
             </span>
            </span>
           </span>
          </span>
         </span>
        </span>
       </span>
      </span>
     </span>
    </span>
   </p>
   
  </body>
 </html>

这十几个标签选择器相加，权值不是应该超过10了吗？为什么那几个字还是只能显示为红色，而不是显示为绿色？