一、基本选择器
四种:
1.标签选择器 1
2.类选择器 10
3.id选择器 100
4.*通配符选择器
优先级:id选择器>类选择器>标签选择器>通配符选择器
二、包含选择器
1.子代选择器(获取某个标签的第一级子标签)
2.后代选择器(获取某个标签的里的所有子标签)
3.并集选择器(用逗号分开)
三、属性选择器
.pink[class] {
background-color: rgb(138, 70, 70);
}
/*某个标签里面的某个属性值*/
.container[class] {
color: red;
}
/* div[title]{
color: green;
}*/
/* *=是指包含有type中 包含有e的属性值 */
input[type*="e"] {
color: blue;
}
/* ^=以什么e为开始 */
input[type^="e"] {
color: pink;
}
/* $=以什么rl为结束 */
input[type$="rl"] {
color: #555;
}
/* +表示下一个 */
.msg+p {
color: yellow;
}
/* 属性为确定的一个值 */
[titly="这是一个标题"] {
color: #090;
}
四、伪类选择器
同一个标签 不同的状态 有不同的样式 这就叫做“伪类”。伪类是使用冒号表示
1、a:link
未访问的链接
2、a:visited
已访问的链接
3、a:hover
选择鼠标悬停的链接
4、a:active
选择活动的链接