选择器语义化

今天做项目被人说了，class和id选择器名称不是语义化，别人看了都不知道是哪里，也不懂什么意思； 我自己看了下确实是个问题，

选择器语义化是什么意思呢，就是比如下面本来是class="common_footer_main"  ， 里面子元素正常语义化应该是

class="common_footer_main_img"的，这样别人一看就懂是这个选择器的子元素

结果我没有这样，写成class="common_footer_center_img"; 

我理解语义化就是一看就大概懂了是哪个位置

<!--底部公共部分-->
		<div id="common_footer">
			<div class="container">
				<ul class="common_footer_top">
					<li class=""><a href="#">平台首页</a></li>
					<li class=""><a href="#">标准信息服务</a></li>
					<li class=""><a href="#">重点产业标准体系</a></li>
					<li class=""><a href="#">法律法规</a></li>
					<li class=""><a href="#">质检办事一点通</a></li>
					<li class=""><a href="#">第三方服务平台资源共享</a></li>
					<li class=""><a href="#">行业发展资讯</a></li>
					<li class=""><a href=#"">技术性贸易壁垒应对</a></li>
				</ul>
				<div class="common_footer_main">	
					<div class="common_footer_center_img">
						<img src="image/icon/shiye.png"/>
					</div>
					<div class="common_footer_center_copy">
						<p>质量提升一站式公共服务平台 Copyright 2018<span class="copyright_header">浙ICP备00000000号</span></p>
						<p>地址 : 杭州市拱墅区莫干山路803号<span class="copyright_footer">电话 : 0517-88888888</span> <span class="copyright_footer">传真 : 0571-88888888</span></p>
					</div>
				</div>
			</div>	
		</div>