筛选类名，例： .name{display:inline-block}
直接锁定标签，例： span{display:inline-block}
自定义属性值，例： [name=name]{display:inline-block}
通过父元素寻找，例： span>img{display:inline-block} 或 span img{display:inline-block} 等等……
按顺序寻找，例：span:first-child{display:inline-block} 或 span:last-child{display:inline-block} 或 span:nth-child(d){display:inline-block}等等…… （d为元素的顺序，此方法为CSS3，不兼容IE低版本）
差不多就这么多了吧。。。。望采纳
从我用过的方法，可以从两个层面来说，不过都是没有办法100%的精准和全面的。也可能还有一些更好的方法，不过我没用过。
代码检测
对于JS，可以使用JSHint或者ESLint进行进行代码检测，可以检测到每个代码里面你定义（或者引入）但是并没有用到的变量。你可以在你的编辑器里面安装相关插件，也可以通过在每次代码提交之前进行检测。相关使用方法可以看这里：ESLint，JSHint比如：我使用VI作为编辑器，截图中使用的是ESLint:
.
.
使用Chrome的 Dev Tool
Chrome从某个版本开始加入了Coverage，打开方式：
.
.
下图中，绿色的是页面使用到的CSS和JS代码，红色是未被使用的（注意，这里未被执行过，不代表没有用，只是代表还没被触发）：
.
<select>
<option value ="选项1">选项1</option>
<option value ="选项2">选项2</option>
<option value="选项3">选项3</option>
<option value="选项4">选项4</option>
</select>
代码里这样写
