属性选择器
- 案例讲解按钮禁用
<head>
<style>
button{
/* 代表小手 */
cursor:pointer;
}
button[disabled]{
/* 鼠标箭头 */
cursor:default;
}
</style>
<head/>
<body>
<button>按钮<button/>
<button>按钮<button/>
<button disabled="disabled">按钮<button/>
<button disabled="disabled">按钮<button/>
<body/>
- 鼠标禁用应用场景:手机验证码未发送禁用,抢购倒计时禁用
- 注意:小手的方式存在苹果浏览器的兼容性问题,应该使用:
结构伪类选择器
伪元素选择器
- 应用场景:可以结合伪类选择器进行字体反爬,如果想高级一点,可以对css字体加密结合。
- 所谓的看到一样的字体,其实是不一样的,都有各自的编码。