css怎么屏蔽全局css |hover css 同级元素

css元素缩小，markdown图片居中css，css3抽屉效果，css 单元格合并，css3阴影翘角，css弹出层水平垂直居中，hover css 同级元素 css怎么屏蔽全局css |hover css 同级元素

下面介绍两种方法来屏蔽掉全局CSS。

方法一：使用reset.css

<link rel="stylesheet" type="text/css" href="reset.css">
<style>
/* 在这里编写自己的CSS样式 */
</style>

reset.css是一种可以将默认样式全部清除掉的CSS文件，大家可以先将reset.css引入，再在自己的CSS文件中编写样式，这样全局CSS将被屏蔽掉。reset.css可以从网上免费下载。

方法二：使用scoped属性

<style scoped>
/* 在这里编写自己的CSS样式 */
</style>

scoped是HTML5新增的属性，它可以让样式只影响当前标签内的元素，而不影响其他标签的元素。在HTML中使用scoped属性即可屏蔽掉全局CSS，但是目前这种方式兼容性不够好，建议使用第一种方法。