css如何覆盖通配符样式

html-css013

css如何覆盖通配符样式,第1张

主要有局部引入和全局引入。

1、局部引入:在各自vue文件中使用,互不干扰style标签里面的关键字scoped【限位标记】添加这个关键字的作用:将这个style里面的样式都限制在该组件中,不会影响其他的组件。

2、全局引入:作用于全局,让很多内容都使用这个样这个就要回到App.vue中;

步骤一:建立自己专门存放自定义样式的css文件;

步骤二:在App.vue中新建;

步骤三:将css文件通过import‘css文件位置’引入到style标签中,作为全局样式覆盖。

这个也没有别的意思

#div_test #只代表这是一个ID选择器

。仅代表是一个类别选择器

#号后面的是元素的ID

。号后面的是元素类名

如果没# .这种标识符 那就不能区分div_test 是ID选择器,还是类别选择器

代码就无法执行,,,

这个学久了自然就能理解。。。。

刚开始学的时候,我也不理解

还有就是那个标签选择器,

为什么会叫标签选择器,而不叫元素选择器呢

那是因为标签名就是元素名

元素是一个整体的概念,元素名仅仅只代表元素的名称

p元素,它的名称就是p

<p>这是个标签,标签名就是P

标签是由元素名与<>组成

而元素是由开始标签与结束标签组成

*是通配符,,

表示所有

* { margin:0}

重置所有元素的边距

* { margin:0padding:0}

* 这叫“通配符”用来匹配页面上所有元素。

{} 样式规定都写在大括号里面

*{margin:0padding:0} 像body ,ul, li ,p,h1~h6,dd,dt 等……都有默认的margin 或padding值的,加上这句就可以删除浏览器这些默认值,方面后面的设置。