900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > css选择器的使用优化 css选择器识别范围 – CSS – 前端 css3背景全屏

css选择器的使用优化 css选择器识别范围 – CSS – 前端 css3背景全屏

时间:2024-03-01 18:25:35

相关推荐

css选择器的使用优化 css选择器识别范围 – CSS – 前端 css3背景全屏

CSS优先级从高到低分别是:

1.在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。

2.作为style属性写在元素标签上的内联样式

3.id选择器

4.类选择器

5.伪类选择器

6.属性选择器

7.标签选择器

8.通配符选择器

9.浏览器选择器

当CSS样式的规则由多个选择器组成时,id选择器的权值为1000,class选择器为100,标签选择器为10,按权值求和的记过高低决定哪个优先。当两个css规则的权值相同时,谁更具体用谁,也就是权值高的选择器作用的越具体优先级越高。当两个选择器规则和权值都是一样,后面样式会覆盖前面的!

@ CSS的类选择器和id选择器各有什么优势?

ID用于标识页面上的特定元素(比如站点导航),而且必须是唯一的。 ID也可以用来标识持久的结构性元素,例如主导航或内容区域。ID还可以用来标识一次性元素,例如某个链接或表单元素。一个ID只能应用于页面上的一个元素。

class同一个类名可以应用于页面上任意多个元素,因此类的功能强大的多。类非常适合表示内容的类型或其他相似的条目。

在实际开发中,要根据实际使用情况来决定是使用哪种样式。对于单一元素的在单一界面的展示样式可以推荐是用id来定位。多余多个界面公用,或者同一界面多个元素风格一致,样式统一使用class类要方便的多。

下面就是最简单的一个小例子:

展示效果:

@ 使用css3的属性选择器设置搜索?

通过设置搜索框的width属性和heoght属性来设置搜索框的大小。

@ dw里无法添加选择器怎么办?

新建一个html文档,在body中插入一个div,将id命名为main

在右侧的css设计器中点击源的加号,选择在页面中定义

点击选择器的加号,输入#main选中

点击属性,在其中对css样式进行编辑就行

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。