1. 结构性伪类选择器X:first-child:选择父元素的第一个子元素X。X:last-child:选择父元素的最后一个子元素X。X:nth-child(n):选择父元素的第n个子元素X,n可以是数字、关键词(如odd、even)或公式。X:only-child:选择父元素中唯一的子元素X。X:nth-last-child(n):选择父元素的倒数第n...
伪元素用于将特殊的效果添加到某些选择器。伪类有::first-child ,:link:,vistited,:hover,:active,:focus,:lang 伪元素有::first-line,:first-letter,:before,:after 使用伪类:p>i:first-child {color: red} first second如果我们不使用伪类,而希望达到上述效果,可以这样做:不使...
伪类选择器:通过元素的状态或位置来选取元素,例如":hover"表示鼠标悬停在元素上时的样式。伪元素选择器:可以选取元素中某些部分的样式,例如"::after"表示在元素内容后添加一个伪元素。后代选择器:选取指定父元素下的子孙元素,例如"divp"表示所有div元素下的所有段落元素。相邻兄弟选择器:选取紧接在...
CSS3通过伪类选择器实现按钮的鼠标经过或点击效果。主要有三种方法:1. 使用:hover伪类选择器来改变按钮样式,调整颜色、边框或阴影。例如:button:hover {background-color: red;} 2. 使用:active伪类选择器来调整按钮在点击时的样式,如缩放、透明度等。例如:button:active {transform: scale(0.9);}...
伪类选择器(:link,visited,hover,active,focus,first-child)伪元素选择器(::first-line,first-letter,before,after)通配选择器(.)属性选择器(foo[name='martin'])子包含选择器(E>F)相邻兄弟选择器(E+F)二、css3新增选择器 新增属性选择器:E[foo^='bar'] 匹配E元素,该元素包含foo属性,且...