官方文档中对el属性的说明:
el类型:string | Element
限制:只在用 new 创建实例时生效。
详细:
提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器,也可以是一个 HTMLElement 实例。
在实例挂载之后,元素可以用 vm.$el 访问。
如果在实例化时存在这个选项,实例将立即进入编译过程,否则,需要显式调用 vm.$mount() 手动开启编译。
方法1:用css的属性选择器。 div[class^="aa"] { background-color:#d6d6d6; height: 50px; }1 2 3 方法2:用空格分隔多个class .aa { background-color:#d6d6d6; height: 50px; }1 2 3
css样式遵循三种原则:就近原则、继承原则、覆盖原则。
就近原则
优先级关系,从高到低:行内样式 > 内部样式 > 外部样式。
继承原则:
继承中多数边框类的属性不能被继承,比如padding、margin、背景等都不会被继承;表格也不能继承父类的样式。
覆盖原则:
由于继承而发生的样式冲突,由最近的祖先元素取值;
继承的样式和直接指定的样式发生冲突时,直接指定的样式获取值;
直接指定的样式发生冲突时,样式权重高的元素获取值;
css选择器中哪些属性可以继承 “CSS背景属性不能继承”该怎么理解 – CSS – 前端 ie9 css3 圆角