600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > css中三种选择器的作用 用什么表示子代选择器 – CSS – 前端 css3按钮点击动画过滤效果

css中三种选择器的作用 用什么表示子代选择器 – CSS – 前端 css3按钮点击动画过滤效果

时间:2020-12-14 13:09:13

相关推荐

css中三种选择器的作用 用什么表示子代选择器 – CSS – 前端 css3按钮点击动画过滤效果

(1)关系选择器

例如: h1>strong

说明:表示选择嵌套在h1标记的子标记strong。

(2)临近兄弟选择器

例如: h2+p

说明:表示选择h2标记后紧邻的第一个兄弟标记p。

(3)普通兄弟选择器

例如:p~h2

说明:表示选择p标记所有的h2兄弟标记

@ css的优先级怎么判断?

css选择器优先级怎么比较

CSS选择器中比较常见的有标签选择器、ID选择器、类选择器以及子选择器。而事实上,CSS选择器如果细分下来,竟然多达40多种。那他们的优先级该怎么比较呢,下面就来看看吧。

● 不同级别

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

2. 作为style属性写在元素内的样式

3. id选择器

4. 类选择器

5. 元素选择器

6. 通配符选择器

7. 浏览器自定义或继承

总结排序:!important > 行内样式 > ID选择器 > 类选择器 > 元素 > 通配符 > 继承 > 浏览器默认属性

● 同一级别

(1) 同一级别中后写的会覆盖先写的样式

(2) 同一级别css引入方式不同,优先级不同

总结排序:内联(行内)样式 > 内部样式表 > 外部样式表 > 导入样式(@import)。

对于选择器优先级,还可以通过计算权重值来比较

@ css规则?

在CSS样式规则

1.选择器用于指定CSS样式作用的HTML对象,花括号内是对该对象设置的具体样式。

2.属性和属性值以“键值对”的形式出现。

3.属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等。

4.属性和属性值之间用英文“:”连接。

5.多个“键值对”之间用英文“;”进行区分。

@ 类和标签的区别?

选择器的种类可以分为三种:标签名选择器、类选择器和ID选择器。

类选择器和标签名选择器的不同,类选择器是自己定义的,如class="aaa";标签名选择器是html已经规定好的标签名,如a标签是链接,h1是标题,img是图片,它们有默认的一些样式

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