常用的css选择器

时间:2022-03-13 20:39:10

通用选择器:*所有

元素选择器:元素{}

id选择器:#id名{}

类选择器:.calss值{}

属性选择器:input[type=""]{}

组合/并集选择器:元素1,元素2,元素3..../元素1,元素2,...class值{}

子集选择器:父元素>子元素{}

后代选择器:父元素  子元素{}

正选:父元素  子元素:nth-child(n){}

倒选:元素  子元素 :nth-last-child(n){}

选择基数:元素  子元素:nth-child(odd){}

选择偶数:元素   子元素:nth-child(even){}

循环选择:元素 子元素:nth-child{x+ny){}(x、y为常数,n从零开始)

微元素:①.类值:before{}   ②.类值:after{}  ③.类值:box{}