CSS中的当前页面形式是指,我们可以根据当前页面的状态来对其进行样式的设定。CSS提供了一些伪类可以帮助我们实现这一目的。/* 没有访问过的链接 */ a:link { color: red; } /
CSS中的当前页面形式是指,我们可以根据当前页面的状态来对其进行样式的设定。CSS提供了一些伪类可以帮助我们实现这一目的。
/* 没有访问过的链接 */ a:link { color: red; } /* 鼠标指针位于链接上方 */ a:hover { color: blue; } /* 活动链接(被点击的链接) */ a:active { color: green; } /* 正在访问的链接 */ a:visited { color: purple; }
以上就是实现页面链接状态样式的几个基本伪类。不同状态下,我们可以分别设置链接的颜色、背景色、字体样式等等。
除了链接状态,我们也可以根据页面的其它状态来设置样式,比如:
/* 鼠标悬停在元素上方 */ div:hover { background-color: yellow; } /* 获得焦点的输入框 */ input:focus { border: 1px solid blue; } /* 选中文本 */ ::selection { background-color: orange; color: white; }
总的来说,利用当前页面形式来设置样式,可以使得页面更加动态、生动。同时,使用伪类来实现这些样式的设定,也让我们的代码变得更加清晰明了。
粉丝
0
关注
0
收藏
0