基本选择器
/* 后代选择器 */
ul li{
color: red;
}
/* 父子选择器 */
ul>li{
/* color: red; */
}
/*兄弟选择器 (不包括本身) */
li~li{
/* color: red; */
}
/* 相邻选择器 (向下选择 不包括本身) */
li+li{
/* color: red; */
}
属性选择器
/* 含有属性的被选择 */
input[value]{
background-color: red;
}
/* 属性=值 */
input[value="admin"]{
background-color: gold;
}
/* 属性^=值 以...开头 */
input[value^="admin"]{}
/* 属性$=值 以...结尾 */
input[value$="admin"]{
}
/* 属性~=值 值有空格 */
input[value~="A"]{
}
/* 属性*=值含有* */
input[value*="2"]{
background-color: aqua;
}