vue和css选择器，el属性的属性值是什么类型_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 1:35:05 共计：3616 浏览

官方文档中对el属性的说明：

el类型：string | Element

限制：只在用 new 创建实例时生效。

详细：

提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器，也可以是一个 HTMLElement 实例。

在实例挂载之后，元素可以用 vm.$el 访问。

如果在实例化时存在这个选项，实例将立即进入编译过程，否则，需要显式调用 vm.$mount() 手动开启编译。

不包括

?一：css基本选择器有哪些

1.css属性选择器

2.css标签选择器

3.cssID选择器

4.css的通配符

二：css有哪些高级选择器

1.css标签选择器

css标签选择器其实就是页面上的所有类型的标签，我们对经常描述称为共性，对无法描述的称为个性。我们在页面上看到input，div和ul都有可能是选择器，无论这个标签藏得多深，都可能被选择上，并且选择的是所有标签，并不是单单指一个。

2.cssID选择器

css中我们使用#来对名字进行自定义，#是指对一个特殊的标签来使用，并且只能用一次，在任何html标签中，都可以有id属性，但是前提要按照字母开头，更不能用字母去开头，或者和标签同名。还有一些高手建议在css层面上尽量不要使用id。

3.css类选择器

css中类选择器，我们使用.来表示，我们使用类来表示，其实就是比较灵活。class和id是十分相似的，并且同一个标签可以使用很多个类选择器，也可以多种标签使用。

4.css的通配符，可以替换任何标签，目前有些浏览器是不支持使用。

要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

每一条css样式定义由两部分组成，形式如下：[code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。

css层次选择器具体用法如下：

采用后代选择器：从上面可以看出所有的标签都是body的后代,那么我们使用后代选择器,就可以将body的后代(所有标签)改变样式: 后代选择器是用祖先加上空格再加上后代标签类型进行声明的。

以上资料供参考。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。