page contents

css选择器有哪些及优先级是什么?

css常见选择器有哪些?优先级是什么?下面本篇文章就来给大家介绍一下css常见选择器以及它们的优先级。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

attachments-2021-10-pm3xCY7x6170bf9cb532a.jpg

css常见选择器有哪些?优先级是什么?下面本篇文章就来给大家介绍一下css常见选择器以及它们的优先级。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

选择器也称为选择符,所有的html语言中的标记都是通过css选择器控制的。常见的css选择器有标签选择器、类选择器、id选择器、通配符选择器。

1、标签选择器

标签选择器,也称为元素选择器。标签选择器的基本形式如下:tagName{property:value},其中tagName是标签名称,property是css的属性。

1.jpg

2、类选择器

类选择器用来为一系列标签定义相同的呈现方式,常用的语法是 .classValue{property:value}。其中classValue是类选择器的名称,这是由css编写者自己命名。

2.jpg

3、ID选择器

ID选择器定义的是某一个特定的html元素,一个网页中只有一个标签或元素使用某一ID的属性值。ID选择器的基本语法格式如下:

#idValue{property:value}。其中idValue是ID选择器的名称,可以由CSS编写者自己编写。

3.jpg

4、通配符选择器

通配符选择器,也称为全局选择器,就是对所有的htmlz元素起作用。语法格式为: *{propery:value}。其中“*”表示对所有元素起作用,property表示css的属性,value表示属性值。

4.jpg

选择器的优先级

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

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

  3. id选择器

  4. 类选择器

  5. 元素选择器

  6. 通配符选择器

浏览器自定义或继承

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

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

如果你想用Python开辟副业赚钱,但不熟悉爬虫与反爬虫技术,没有接单途径,也缺乏兼职经验
关注下方微信公众号:Python编程学习圈,获取价值999元全套Python入门到进阶的学习资料以及教程,还有Python技术交流群一起交流学习哦。

attachments-2022-06-vlWC0WoE62b017f10c1f2.jpeg

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
轩辕小不懂
轩辕小不懂

2403 篇文章

作家榜 »

  1. 轩辕小不懂 2403 文章
  2. 小柒 1478 文章
  3. Pack 1135 文章
  4. Nen 576 文章
  5. 王昭君 209 文章
  6. 文双 71 文章
  7. 小威 64 文章
  8. Cara 36 文章