在編寫CSS的過(guò)程中，有時(shí)候我們需要在元素結(jié)束標(biāo)簽之后加上點(diǎn)來(lái)表示一個(gè)class名，如下所示：
<div class="box"> <p>這是一個(gè)段落</p>. </div>
然而這種語(yǔ)法在HTML5中是不被支持的，而且W3C也并不推薦使用這種語(yǔ)法。
雖然這種語(yǔ)法在實(shí)際使用中并不影響頁(yè)面的正確性，但是它確實(shí)存在一些問(wèn)題，比如版本兼容性和語(yǔ)法糖兼容性，所以我們?cè)诰帉慍SS的時(shí)候最好不要使用這種方式來(lái)定義class名。
如果你非常喜歡這種語(yǔ)法，那就建議你在代碼之前加上W3C的聲明，如下所示：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> .box { background-color: #ccc; } .box .p { color: red; } </style> </head> <body> <div class="box"> <p class="p">這是一個(gè)段落</p> </div> </body> </html>
在實(shí)際的開發(fā)過(guò)程中，我們應(yīng)該遵循正確的語(yǔ)法規(guī)范，避免使用不被推薦的語(yǔ)法，這樣可以讓我們的代碼更加簡(jiǎn)潔易讀，并且可以提高代碼的可維護(hù)性和兼容性。