当前位置: 首页 > news >正文

前端学习:选择器的类别

全局选择器(通配符选择器)

可以和任何元素匹配,优先级最低,可以作为样式初始化。

*{

    margin: 0;

    padding: 0;

}

用上一篇的内部样式实战一下:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>*{font-size:30px;color: black;}</style>
</head>
<body><p>hello</p><h1>css</h1>
</body>
</html>

运行结果是将下面的所有标签内容(hello,css)统一改成了大小为30px,颜色黑色的字体。

元素选择器

html文档中的元素,p,b,div,a,img,body等

标签选择器,选择的是页面上所有这种类型的标签,所以经常描述’共性‘,无法描述一个元素的‘个性’。

一句话怎们设置成两种样式呢?就像这样

代码部分:

类选择器

灵活,使用率最高

.类名{}

你想改那个那个标签价格class,类名就是那个class后面等于的,不能以数字开头。

类选择器可以被多种标签使用,一个标签可以使用多个类选择器,用空格隔开。

ID选择器

针对某一个特定的标签来使用,只能用一次。class中的ID选择器以#来定义。

id是唯一的,不能以数字开头。

<h2 id="mytitle">你好</h2>

#mytitle{

          border:3px;

          color: green;

}

合并选择器

.选择器1,.选择器2,.......{}

作用:提取共同样式,减少代码重复

选择器优先级

行内样式>ID选择器>类选择器>元素选择器(同级会覆盖)

http://www.dtcms.com/a/549096.html

相关文章:

  • 运输网站建设wordpress 不同page
  • Qt的Debug版本和Release版本有什么区别?
  • Docker使用【容器】
  • 行业电子商务网站建设房地产网站开发公司电话
  • LangChain 提示模板之少样本示例(二)
  • Product Hunt 每日热榜 | 2025-10-30
  • Spring MVC核心概念
  • 鸿蒙HDF框架源码分析
  • Springboot旅游管理系统8cx8xy5m(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
  • ppt免费制作网站如何建设网站山东济南兴田德润官网
  • 如何获取网站根目录链接诸城做网站的
  • GPT-0: Attention+Transformer+可视化
  • 告别“人眼扫描”:EasyGBS智能搜索功能助力重塑海量视频监控管理效率
  • 【ubuntu】ubuntu系统如何快速删除当前用户的配置
  • dz地方门户网站制作南昌seo招聘信息
  • 灵犀科技网站开发湖南网站建设的公司排名
  • 沈阳装修公司网站建设做网站只用前端知识可以吗
  • ELK es+logstash
  • Java 大视界 -- Java 大数据在智能医疗远程康复数据管理与康复方案个性化定制实战(430)
  • 【C#】XtraMessageBox(DevExpress)与MessageBox(WinForms 标准库)的区别
  • 石家庄物流网站建设北京公司网站建设价格
  • 网络编程入门
  • 每日一个C语言知识:C 错误处理
  • 基础建设的网站有哪些内容网页制作基础教程费
  • 建站工具哪个好用深圳网站建设定制平台
  • 2048游戏笔记3 游戏开始与结束 cocos3.8.7
  • 【AI WorkFow】n8n 源码分析-核心结构体设计思考(六)
  • 网站诊断内容工程建设教育培训
  • Opencv(四):自适应二值化
  • GitHub 热榜项目 - 日榜(2025-10-30)