千家信息网

css选择器种类有哪些

发表于:2025-11-15 作者:千家信息网编辑
千家信息网最后更新 2025年11月15日,这篇文章主要介绍css选择器种类有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!一、标签名选择器根据指定的标签名,在当前界面中找到所有该名称的标签,然后设置属性。标签选择器
千家信息网最后更新 2025年11月15日css选择器种类有哪些

这篇文章主要介绍css选择器种类有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

  一、标签名选择器

  根据指定的标签名,在当前界面中找到所有该名称的标签,然后设置属性。

  标签选择器选定的是当前界面中所有该名称的标签,而不能单独选定某一标签;标签选择器无论标签藏得多深都能找到;只要是HTML中的标签都可以作为标签选择器。

  二、类选择器

  根据指定的类名称找到对应的标签,然后设置属性。

  每一个HTML标签都有class属性,也就是说每个标签都可以设置class;在同一个界面中class是不可重复的;在编写id选择器的时候class前一定要加.;类名的命名规范和id命名规范是一样的;类名就是专门给某个特定的标签设置样式的;在HTML中每个标签都可以同时绑定多个类名。

  三、ID选择器。

  根据指定的id名称找到对应的标签,然后设置属性。

  每一个HTML标签都有id属性,也就是说每个标签都可以设置id;在同一个界面中id是不可重复的;在编写id选择器的时候id前一定要加#;id的名称是有一定的规范的。id的名称只能有字母、数字、下划线组成;不能以数字开头;不能是关键字;在企业开发中一般如果仅仅是为了设置样式,我们不会使用id,应为id是为了给js使用的。

  0df1f70c2c7dfe407f3cb5c627f9500.png

  css优先级高低排列怎么划分的?

  一般而言,选择器越特殊,它的优先级越高。也就是选择器指向的越准确,它的优先级就越高。

  通常我们用1表示标签名选择器的优先级,用10表示类选择器的优先级,用100标示ID选择器的优先级。

  比如上例当中.polarisspan{color:red;}的选择器优先级是10+1也就是11;而.polaris的优先级是10;浏览器自然会显示红色的字。理解了这个道理之后下面的优先级计算自是易如反掌:

  div.test1.spanvar优先级1+10+10+1

  span#xxx.songsli优先级1+100+10+1

  #xxxli优先级100+1

  对于什么情况下使用什么选择器,用不同选择器的原则是:

  第一:准确的选到要控制的标签;

  第二:使用最合理优先级的选择器;

  第三:HTML和CSS代码尽量简洁美观。

以上是"css选择器种类有哪些"这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

选择 标签 优先级 名称 属性 也就是 界面 类名 种类 也就是说 内容 数字 时候 样式 篇文章 不同 特殊 简洁 美观 易如反掌 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 山东正规的浪潮存储服务器电话 银川办公软件开发报价多少 河北湛泸软件开发有限公司官网 金蝶10.0安装数据库 软件开发行业有什么用 黑龙江配件管理软件开发公司 网络安全知识感悟 服务器安装远程软件安全吗 报表专用数据库 阳泉农行软件开发社招 内贸货代软件开发 衡阳串口服务器 苏州科技城有互联网公司吗 数据库中对象包括 软件开发能做成本吗 电子信息可以做软件开发 sql连接数据库语句条件 广州服务器维修 岳西市网络安全教育基地 三级的网络技术的语言 数据库技术添加属性完整性约束 高中生网络安全小常识 数据库管理中实例组成部分 如何从wps数据库检索pdf k8s 配置域名解析服务器 汕头姿塘网络技术有限公司 如何测试服务器最大用户数 怎样讲中文保存在数据库中 实现图片批量上传数据库中 三级的网络技术的语言
0