【CSS学习】CSS选择器，选择器的优先级和权重

元素3UI元素状态伪类（TheUIelementstatespseudo-classes）UI元素状态伪类主要用于指定表单中元素的状态。选择器实例描述Version:enabledinput:enabled匹配启用的元素3:disabledinput:disabled匹配禁用的元素3:checkedinput:checked匹配选中的元素3display和visibility属性对匹配启用/禁用状态的UI元素状态伪类没有影响。结构伪类（Structuralpseudo-classes）结构伪类用于指定文档的特定结构。选择器实例描述version:root:root匹配文档的根元素3:nth-child(n):nth-child(n)匹配其父元素的第n个子元素3:nth-last-child(n):nth-last-child(n)匹配其父类的最后第n个子元素3:nth-of-type(n):nth-of-type(n)匹配其父类具有相同选择器的第n个子元素3:nth-last-of-type(n):nth-last-of-type(n)匹配其父类的具有相同选择器的最后第n个子元素3:first-child:first-child匹配其父类一个元素的第一个子元素3:last-child:last-child匹配其父元素的最后一个子元素3:last-child:last-child匹配其父元素的最后一个子元素3:first-of-type:first-of-type匹配其父元素具有相同选择器的第一个子元素3:last-of-type:first-of-type匹配其父元素具有相同选择器的最后一个子元素3:only-child:only-child匹配唯一的子元素其父类3:only-of-type:only-child匹配其父类中具有相同选择器的唯一子元素3:empty:empty匹配元素3:nth-child(中没有子元素（包括文本节点）n),:nth-last-child(n),:nth-of-type(n),:nth-last-of-type(n)其中n是从0开始的整数，表达式可以写成an+b，a和b为0或正整数，表达式相当于将每个a子元素分成一组，取每组的第b个元素；取奇数，偶数子元素可以写成2n+1或偶数，2n或奇数。否定伪类用于选择不是指定类型元素的所有其他元素。选择器实例描述版本：not(s)输入：not([type="text"])匹配所有其他非指定类型的元素。选择器实例描述version::first-line::first-line匹配元素1文本内容的第一行::first-letter::first-letter匹配元素1::文本内容的首字母：before::beforeelement2.1::after::afterelement2.1在CSS1和CSS2中，伪类选择器中只有一个“：”，而CSS3变成了两个“::”，以便区分伪类和伪元素之间，目前这两种写法效果是一样的。::before和::after必须设置content属性，否则元素不会生效。优先级和权重CSS中的权重分为4个等级：内联样式（HTML文档中的style属性）、ID选择器类、伪类、属性选择器元素、伪类元素，这4个等级从高到低代表不同的优先级，！important写在css规则之后，可以把相应的规则提升到最高权重。github原创地址欢迎Star和关注