css anchor伪类实例 - 自学教程(runoops.com)

<!DOCTYPE html>
<html>

<head>
 <meta charset="utf-8">
 <title>css anchor伪类 实例 - 自学教程(runoops.com)</title>
 <style>
 #divContainer {
 overflow: auto;
 height: 160px;
 width: 260px;
 background-color: red;
 }

#divContainer::-webkit-scrollbar {
 border-width: 1px;
 }
 </style>
</head>

<body>
 
 伪类可以看作以选中元素为基准点，此元素的一些状态或属性。
 chrome消除 div 滚动条的宽度，通过箭头键直接控制滚动。
 
 <div id="divContainer">
 在这里滚动鼠标 
 ------------- 
 头部 
 123 
 123 
 123 
 ------------- 
 123 
 123 
 123 
 123 
 ------------- 
 123 
 123 
 123 
 123 
 ------------- 
 123 
 123 
 123 
 123 
 123 
 ------------- 
 123 
 123 
 尾部 
 </div>

</body>

</html>