选择器:筛选具有相似特征的元素

 * 分类:1. 基础选择器1. id选择器:选择具体的id属性值的元素.建议在一个html页面中id值唯一* 语法:#id属性值{}2. 元素选择器:选择具有相同标签名称的元素* 语法: 标签名称{}* 注意:id选择器优先级高于元素选择器3. 类选择器:选择具有相同的class属性值的元素。* 语法:.class属性值{}* 注意:类选择器选择器优先级高于元素选择器

示例代码如下:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>基础选择器</title><style>.cls1{color: blue;}div{color:green;}#div1{color: red;}</style>
</head>
<body>
<!--1. 基础选择器1. id选择器:选择具体的id属性值的元素.建议在一个html页面中id值唯一* 语法:#id属性值{}2. 元素选择器:选择具有相同标签名称的元素* 语法: 标签名称{}* 注意:id选择器优先级高于元素选择器3. 类选择器:选择具有相同的class属性值的元素。* 语法:.class属性值{}* 注意:类选择器选择器优先级高于元素选择器
--><div id="div1">传智播客</div><div class="cls1">黑马程序员</div><p class="cls1">传智学院</p></body>
</html>

[JavaWeb-CSS]CSS基础选择器相关推荐

  1. CSS的基础选择器、字体属性、文本属性和引入方式

    目录 一.css的语法规范 二.css的基础选择器 (一)基础选择器总结 (二)标签选择器 (三)类选择器 (四)id选择器 (五)通配符选择器 三.CSS字体属性 (一)字体属性总结 (二)font ...

  2. CSS——基础选择器

    CSS的基础选择器 1   CSS指的是层叠样式表 2   CSS规则由两个主要的部分构成 选择器,以及一条或多条声明 3   选择器通常是你需要改变样式的 HTML 元素如h1 4   每条声明由一 ...

  3. CSS(层叠样式表cascading style sheet)——CSS样式、基础选择器

    一.CSS作用 对页面的外观进行美化 统一网站页面的风格 实现内容和样式的分离,适合团队开发 二.CSS语法规范 三.CSS引入方式   CSS的3种样式表 书写位置的不同分为:行内样式表(行内式) ...

  4. css 选择器 第一个class_【零基础上手JavaWeb】CSS小白学习笔记

    这是为大家面试定制的<零基础上手JavaWeb>系列.涵盖了JavaWeb基础内容,结合展示的案例,带你由浅入深掌握JavaWeb核心内容.非常适合小白入手的哦,一起加油吧~~ 1.CSS ...

  5. Web开发(一)·期末不挂之第四章·CSS语法基础(CSS选择器选择器优先级各类样式表的使用方法)

    CSS语法基础 一.单纯html控制样式的缺点 二. CSS✪✪✪ CSS概述 CSS基础语法 组成 选择器 标签选择器 类选择器 id选择器 通配选择器 后代选择器 插入样式表的三种方式 行内样式 ...

  6. 前端基础-CSS的各种选择器的特点以及CSS的三大特性

    一. 基本选择器 二. 后代选择器.子元素选择器 三. 兄弟选择器 四. 交集选择器与并集选择器 五. 序列选择器 六. 属性选择器 七. 伪类选择器 八. 伪元素选择器 九. CSS三大特性 一. ...

  7. CSS基础选择器(选择器的优先级),CSS样式块( 长度/颜色/显示方式/文本样式),盒模型组成,盒模型-block,盒模型布局...

    CSS基础选择器 (1)id选择器:   #       =>  标签拥有 id="user"  属性 <style>#user {width: 200px;}& ...

  8. css基础选择器 1204

    css基础选择器 1204 标签选择器 标签名称 {属性名: 属性值;属性名: 属性值;} 类选择器 定义一个类 .类名称 {属性名:属性值;属性名:属性值; } 让标签加入这个类 <标签名 c ...

  9. CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表

    前言:本篇文章为 CSS 基础系列笔记第一篇,参考 黑马程序员pink老师前端入门教程 如有侵权联系删除,如有问题欢迎指出. 其他CSS基础相关文章: CSS基础「二」复合选择器 / 元素显示模式 / ...

  10. CSS基础——选择器【学习笔记】

    **CSS选择器干啥的? 选择标签用的, 把我们想要的标签选择出来 ** css 就是 分两件事, 选对人, 做对事 标签选择器 类选择器 id选择器 通配符选择器 CSS选择器: (1)标签选择器 ...

最新文章

  1. TCP协议、算法和原理
  2. 2.Riesz定理及其应用
  3. [react] 组件卸载前,加在DOM元素的监听事件和定时器要不要手动清除?为什么?
  4. 如何检测C语言中的内存漏洞(leak)?
  5. 如何在Oracle数据库内格式化SQL或PL/SQL ?
  6. 被哥哥巨额索赔56亿?贾跃亭回应:40多亿为联合担保
  7. Direct IO的程序实现
  8. java case用法_Go语言 | goroutine不只有基础的用法,还有这些你不知道的操作
  9. [leetcode]1375. 灯泡切换器III
  10. java cpu_JAVA定位CPU占用率高
  11. linux中怎么粘贴复制文件路径,如何在Linux中复制文件和目录
  12. java table注解_java注解简单使用
  13. 小米系列手机MIUI12系统升级详细教程
  14. 【104】DeepL翻译器-二十六国语言机器翻译工具
  15. Spring Boot(二):整合 JPA 及 事务控制
  16. JCMsuite应用:太阳能电池的抗反射惠更斯超表面模拟
  17. SOLIDWORKS如何在工程图中直接更换图纸格式
  18. 999瓶水一瓶毒药,10只小鼠,使用python暴力编程
  19. Synopsys VCS仿真编译选项
  20. Graphics2D进行后台绘图

热门文章

  1. 【专升本计算机】专升本计算机期末考试复习题(A卷附答案)
  2. Android之ndk编译出现“undefined reference to method“解决办法
  3. linux网络编程之inet_pton和inet_ntop函数
  4. sqlite数据库备份还原、导出导入
  5. Android之万能适配器Adapter的使用
  6. redhat yum 安装 mysql_Redhat 7 下Mysql8.0.19安装配置图文详解(配合使用 centos YUM源)...
  7. 预售┃每个人都应该学习编程,因为它会教你如何思考
  8. 外国人最常说的100个“中国词”出炉,第一个你绝对想不到…
  9. 程序员快来看!经典代码替你省去多少时间?
  10. 《Pyflink》Flink集群安装,Python+Flink调研