.show h1{} ，h1元素的上級或者h1元素的上上級，h1的先祖級是show，h1都會有這個樣式html
.show>h1{}，h1元素的直接父級是show，這樣的h1纔會有這個樣式ide
<html> <head> <title></title> </head> <style> *{ margin:0; padding:0; } .show h1{ color:red } </style> <body> <div id="tab"> <div class="show"> <h1>version</h1> <div> <h1>show</h1> </div> </div> </div> </body> </html>
<html> <head> <title></title> </head> <style> *{ margin:0; padding:0; } .show>h1{ color:red } </style> <body> <div id="tab"> <div class="show"> <h1>version</h1> <div> <h1>show</h1> </div> </div> </div> </body> </html>