focus:是某个标签获得焦点的时候(比如某个输入框获得焦点) hover:鼠标放到某个标签上的时候 active:点击某个标签没有松鼠标时 CSS允许对于元素的不同状态,定义不同的样式信息。伪类选择器又分为两种: 静态伪类:只能用于超链接 动态伪类:针对所有标签都适用 下面来分别讲一下这两种伪类选择器。 (1)静态伪类: 用于...
active,点击时展示的样式,多用于超链接等可点击控件,下面以超链接为例 a:active { background-color:yellow; } 点击前 点击后 focus,获取焦点时展示的样式,一般用于输入框等需要键鼠输入的对象 伪元素可以让不同状态下的对象所展现的样式大不相同,但是突然的变化并不一定能起到美化页面的作用,这里可以使用transitio...
:focus 代表的是获取焦点时的样式,有人说啥是获取焦点时的样式,这个我们可以通过tab键来查看,一旦链接获取了焦点,则它的样式就是你设置的focus样式。 :hover 代表的是你光标经过某一元素时的样式,如果将此样式放在:focus之后,则当链接获取焦点时,显示:focus样式,当光标经过此链接时,会显示hover的样式,因为hover排...
2):active:当元素被用户激活(如点击)时的样式。 代码示例:将按钮的背景色改为蓝色 button:active{background-color:blue;} 3):focus:当元素获得焦点(如输入框被点击)时的样式。 代码示例:将输入框的边框颜色改为绿色 input:focus { border-color: green; } 4):visited:用于设置已访问链接的样式,通常与:link...
:active选择器:当所指定的元素处于激活状态(鼠标在元素上按下还没有松开)时所使用的样式; :focus选择器:当元素获得光标焦点时使用的样式,主要用在文本框输入文字时使用; 【注】下方案例运行效果,之所以点击后立即变为绿色是因为active触发的同时focus也触发了,所以active定义的样式看似无效,大家可以先把focus定义的样...
:active“激活”: 鼠标点击标签,但是不松手时。 :focus是某个标签获得焦点时的样式(比如某个输入框获得焦点) 超链接a标签 超链接的四种状态 a标签有4种伪类(即对应四种状态),要求背诵。如下: :link“链接”:超链接点击之前 :visited“访问过的”:链接被访问过之后 ...
:active ::after/:after ::backdrop (experimental) ::before/:before :checked :default :dir (experimental) :disabled :empty :enabled :first-child ::first-letter/:first-letter ::first-line/:first-line :first-of-type :focus :fullscreen (experimental) ...
:focus 选择器:https://man.ilovefishc.com/pageCSS3/dotfocus.html :link 选择器:定制链接未被访问时的样式。 :visited 选择器:定制链接被访问过的样式。 :hover 选择器:定制鼠标悬停在连接上方时候的样式。 :active 选择器:定制鼠标按下链接那一刻时候的样式。