前端基础 - CSS选择器
2023-09-11 14:15:41 时间
CSS选择器
作用:
选择器,它的作用就是选中某个或者某些标签,以便于我们给这些标签设置属性
-
标签选择器/标记选择器/元素选择器: 选中了我们指定名字的所有标签
格式: 标签名{
属性名:属性值;
} -
id选择器: 选中标签,id值是指定值的标签
格式: #id值{
属性名:属性值;
} -
class选择器: 选中标签,class值是指定值的标签
格式:.类名{
属性名:属性值;
} -
属性选择器: 只选中符合我们要求属性值的标签
格式:选择器[属性名=属性值]{
属性名:属性值;
} -
包含选择器/后代选择器:
格式:选择器1 选择器2{
属性名:属性值;
}
是选中选择器2的标签,但是这个标签必须包含在选择器1中,而且可以是直接子元素,可以是孙子元素
相关文章
- 数据采集组件:Flume基础用法和Kafka集成
- 结合jquery的前后端加密解密 适用于WebApi的SQL注入过滤器 Web.config中customErrors异常信息配置 ife2018 零基础学院 day 4 ife2018 零基础学院 day 3 ife 零基础学院 day 2 ife 零基础学院 day 1 - 我为什么想学前端
- vue—你必须知道的 js数据类型 前端学习 CSS 居中 事件委托和this 让js调试更简单—console AMD && CMD 模式识别课程笔记(一) web攻击 web安全之XSS JSONP && CORS css 定位 react小结
- 【FPGA教程案例71】基础操作1——Xilinx原语学习及应用1
- 前端基础 - JQuery自定义校验器
- 前端基础 -JQuery之 表单选择器
- 前端基础 - JQuery简介
- 前端基础 - JavaScript之表单获取焦点及失去焦点
- 前端基础 - 常用调试方式
- 前端基础 - HTML定时轮播图片
- 前端面试题(包含基础和Vue)(持续更新...)
- 前端零基础入门:页面结构层HTML(3)
- 前端微信小程序云开发基础讲解
- Web前端-Ajax基础技术(上)
- linux的基础命令
- Node基础——express接口获取request参数的三种方式
- PHP学习笔记_03_基础入门
- Web前端基础练习---闪烁霓虹灯的实现
- MySQL基础值 存储过程和函数
- 【前端作业系列】HTML基础点 , 训练超链接<a>和锚链接(2022年6月16日作业)
- 前端canvas基础(二)【贝塞尔曲线】
- 11991 - Easy Problem from Rujia Liu?(的基础数据结构)
- C站能力认证(C4前端基础认证) //任务二:根据浮动布局以及定位布局的特性,实现构建下列(截图)中的页面
- C站能力认证(C4前端基础认证)//任务四:根据上面示图的例子,完成下列以下功能:1.实现左右点击控制轮播图左右滑动效果。2. 实现点击下面不同的小圆点显示不同的轮播图
- Python 基础(二):搭建 Python 开发环境