hover伪类
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:DW/CSS
作者:余智强
撰写时间:2019.2.16
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
在页面设计中伪类无疑是其中一亮点操作。而伪类的使用也是非常简单。
- 是通过鼠标要悬停的目标选择到要改变的目标。
- 是设置要改变目标的属性。
我简易的举个例子:
就是这样的两个由联系的div,我再加上一些代码,
.a:hover .b{
width: 100px;
height: 100px;
background: #c2b;
}
将鼠标停在div(a)上。获得
伪类可以改变其的属性,擅于利用hover可以使得页面布局更加多样化。
好了,本文就到此结束(我是小白求轻喷)。