在CSS中,我們經常需要對
li { /* 選擇所有li標簽,包括嵌套在ul和ol標簽中的 */ } ul li { /* 選擇所有在ul標簽中的li標簽 */ } ol li { /* 選擇所有在ol標簽中的li標簽 */ } ul >li { /* 選擇所有在ul標簽中直接子元素的li標簽 */ } ol >li { /* 選擇所有在ol標簽中直接子元素的li標簽 */ } li:first-child { /* 選擇所有在父元素中排在第一的li標簽 */ } li:last-child { /* 選擇所有在父元素中排在最后的li標簽 */ } li:nth-child(n) { /* 選擇所有在父元素中排在第n個的li標簽,n為數字 */ } li:nth-last-child(n) { /* 選擇所有在父元素中從后往前排在第n個的li標簽,n為數字 */ } li:nth-of-type(n) { /* 選擇所有在父元素中指定類型的第n個li標簽,n為數字 */ } li:nth-last-of-type(n) { /* 選擇所有在父元素中指定類型的從后往前第n個li標簽,n為數字 */ } li:only-child { /* 選擇所有在父元素中是唯一子元素的li標簽 */ } li:only-of-type { /* 選擇所有在父元素中是指定類型的唯一子元素的li標簽 */ } li:not(.class) { /* 選擇所有不含有指定class屬性的li標簽 */ }
以上就是常見的一些選擇
下一篇mysql有哪些中間件