我们可以使用CSS的cursor属性来自定义光标。例如,我们可以将光标修改为一个手型,以表示某个元素是可点击的:
.clickable {
cursor: pointer;
}
这个例子中,我们定义了一个名为clickable的类,并为它设置了一个pointer类型的光标。我们可以将此类应用于任何我们希望用户知道可以点击的元素上。
我们可以使用CSS的::before伪元素来为元素添加鼠标悬停提示。例如,我们可以在一个链接上添加一个提示,告诉用户点击链接将会打开一个新窗口:
a[target="_blank"]::before {
content: " (opens in a new window)";
}
在这个例子中,我们使用CSS选择器来选中所有带有target="_blank"属性的链接,并使用::before伪元素在链接前添加一个提示。
我们可以使用CSS的::selection伪元素来为选中的文本添加样式。例如,我们可以为选中的文本添加黄色背景和黑色文本颜色:
::selection {
background-color: yellow;
color: black;
}
在这个例子中,我们使用::selection伪元素来为选中的文本添加样式。我们可以根据需要自定义样式。