問題描述在寫靜態頁面的過程中，想盡量契合HTML5語義化的標準，將下面這個頁面進行的修改(通過語義化的標簽和css子選擇器代替了html文件中很多class名字和密密麻麻的div，css文件的類選擇器)問題出現的環境背景及自己嘗試過哪些方法先說得到的結論吧，查了很多網上的資料。得出的結論是推薦使用類選擇器(但是我不服)理由如下:目前主流的開發方式是模塊化開發(vue,react,angular等)，不會有某個文件(.vue,.jsx)html部分層級過深的問題。同理，復用的問題也可以通過模塊化的開發方式(封裝組件)來解決。類選擇器那就得在html部分的標簽中添加很多類似于class='avatar'的代碼，同時css文件中也得加上.avatar{}，代碼量會增加。雖然看css代碼，可以知道這里描述的是一個avatar(類名體現了語義化)，但是無法確定這個avatar在html代碼中的哪個位置/層級，所以我還得再去html代碼中通過ctrl + f找到這個/些class='avatar'所在位置，這還不算完，我還得向它父級看，才能確定這個class='avatar'元素對應到真實頁面中的哪個/些 avatar。通過css偽類選擇器可以直接確定標簽的位置，再通過css代碼+html標簽可以大概知道描述的是個什么，語義化。而且可以配合section,aside等語義化標簽進一步簡化html代碼，避免全部是div和span等無語義化的標簽。你期待的結果是什么？實際看到的錯誤信息又是什么？想問一下大家覺得應該如何處理最好？