css入门学习笔记补充 补充了一些选择器
需积分: 5 183 浏览量
2021-05-25
20:39:06
上传
评论
收藏 148KB DOCX 举报
新增选择器
属性选择器
选择符 简介
选择具有 属性的 元素
选择具有 属性且值以 开头的 元素
匹配具有 属性且值以 开头的 元素
匹配具有 属性且值以 结尾的 元素
匹配具有 属性且值中含有 的 元素
注：类选择器 属性选择器 伪类选择器 权重都是
结构伪类选择器
选择符 简介
匹配父元素 中第一个子元素
匹配父元素 中最后一个子元素
（）括号中才是值 匹配父元素 中第 个子元素
!"#
指定类型 的第一个
!"#
指定类型 的最后一个
!"#（） 指定类型 的第 个
注：
$括号中的
可以是数字
关键字 ：## 偶数 奇数
公式（从 开始计算，但是第 个元素或者超出了元素的个数会被忽略）
%%&'&'&'
%$ /*nth-child(1)
执行的时候会把所有盒子都排列序号
*/
/*
执行的时候首先看
nth-child(1)
找到序号 再回去看前面
div*/
/*
当序号和标签名不匹配时则无效
*/
sectiondiv:{
background-color:red;
}
/*nth-of-type
会把指定元素的盒子排列序号
*/
/*
执行的时候先看
div
指定的元素 之后看
nth-of-type
指定的第几个孩子
*/
sectiondiv:nth-of-type(1){
background-color:blue;
}
伪元素选择器
利用 创建新标签元素，而不需要 ( 标签，从而简化 ( 结构
选择符 简介
：：)# # 在元素内部的前面插入内容
评论0