最新内容

surround 插件可以快速编辑围绕在内容两端的字符（pairs of things surrounding things），比如成对出现的括号、引号，甚至HTML/XML标签等。

安装配置
推荐您使用vim-plug或Vundle等插件管理器，来安装GitHub上的surround插件。

以下将利用实例来介绍surround插件的主要功能，请注意：

ctrl + w + h 光标 focus 左侧树形目录
ctrl + w + l 光标 focus 右侧文件显示窗口
ctrl + w + w 光标自动在左右侧窗口切换
ctrl + w + r 移动当前窗口的布局位置

 opacity 属性为元素的背景添加透明盒效果

实例代码：

当鼠标移动到图像时透明度为100％

实例代码：

opacity 属性常与:hover选择器一起使用，改变鼠标悬停时的不透明度：

实例代码：

opacity 属性指定元素的不透明度/透明度，opacity 属性的取值范围为 0.0-1.0。值越低，越透明：

实例代码：

::selection 伪元素匹配用户选择的元素部分

实例代码：

::after 伪元素可用于在元素内容之后插入一些内容

实例代码：

::before 伪元素可用于在元素内容之前插入一些内容

实例代码：

多个伪元素组合使用

实例代码：

伪元素可以与 CSS 类结合使用

实例代码：

CSS使用::first-letter 伪元素用于向文本的首字母添加特殊样式

实例代码：

 使用::first-line 伪元素用于向文本的首行添加特殊样式

实例代码：

:lang 伪类允许您为不同的语言定义特殊的规则。

实例代码：

使用first-child匹配p元素内所有ｉ元素css样式设定

实例代码

使用first-child匹配所有p元素的首个元素css样式设定

实例代码：

:first-child 伪类与指定的元素匹配：该元素是另一个元素的第一个子元素。

实例代码：

使用伪类控制移动鼠标div显示元素

实例代码：

 使用伪类改变div的背景颜色

实例代码：

什么是伪类？

伪类用于定义元素的特殊状态。

例如，它可以用于：

• 设置鼠标悬停在元素上时的样式
• 为已访问和未访问链接设置不同的样式
• 设置元素获得焦点时的样式

实例代码：