Vue设置全局css文件以及css组合器
ue设置全局css只要在main.js里引入css文件即可,如:import '@/assets/style.css'; // 全局css后代选择器 (空格)//下面的例子选择 <div> 元素内的所有 <p> 元素:div p {background-color: yellow;}子选择器 (>)//下面的例子选择属于 <div> 元素子元素的所有 &l
·
ue设置全局css只要在main.js里引入css文件即可,如:
import '@/assets/style.css'; // 全局css
记录一下自己常常记混的几个选择器
- 组群选择器(,)
//分组选择器选取所有具有相同样式定义的 HTML 元素。
h1, h2, p {
text-align: center;
color: red;
}
- 后代选择器 (空格)
//下面的例子选择 <div> 元素内的所有 <p> 元素:
div p {
background-color: yellow;
}
- 子选择器 (>)
//下面的例子选择属于 <div> 元素子元素的所有 <p> 元素:
div > p {
background-color: yellow;
}
- 相邻兄弟选择器 (+)
/*相邻兄弟选择器匹配所有作为指定元素的相邻同级的元素。
兄弟(同级)元素必须具有相同的父元素,“相邻”的意思是“紧随其后”。
下面的例子选择紧随 <div> 元素之后的所有 <p> 元素:*/
div + p {
background-color: yellow;
}
- 通用兄弟选择器(~)
/*通用兄弟选择器匹配属于指定元素的同级元素的所有元素。
下面的例子选择属于 <div> 元素的同级元素的所有 <p> 元素:*/
div ~ p {
background-color: yellow;
}
更多推荐
已为社区贡献3条内容
所有评论(0)