如何使用css伪类

我们的支持团队准备为您提供一个新的教程，展示如何使用 pseudo classes in css rules. pseudo类用于定义元素的特定状态，例如.g., ‘hover’ (states for mouseover)， ' focus '或' active '. You can check this link 获取详细描述. 为了与他们合作，请参考以下步骤:

1. 打开页面并按F12热键打开Firebug(或其他检查器)工具. 您可以在下面了解更多关于如何使用检查器工具的信息 page.

2. 找到要为其定义样式的项. 为了激活检查器，按下Firebug窗口左上角的图标(1)，然后点击页面上的项目来检查它(2):

   

   或者，您可以用鼠标右键单击所需项目并选择 “用Firebug检查” (或“Inspect”用于其他工具).

3. 在右侧，您将看到应用于该项目的常规状态的样式. 控件顶部的小箭头选择一个伪类 Styles 列表显示应用了伪类的样式规则:

   

4. 现在您可以看到样式，在其他状态下影响项目，例如，on hover. 这将允许您定义按钮的新颜色，更改缩放等. 您可以随意编辑更改属性值的代码.g., color or background and add the !important 前的声明 ; 属性行末尾的符号. 你可以参考下面的例子:

   初始规则(它定义了白色链接的颜色) hover):

   			.Entry-content a:hover {
   				color: #ffffff;
   			}
   		

   您更改的规则(它创建相同的链接)将其颜色更改为#123456 on hover):

   			.Entry-content a:hover {
   				color: #123456 !important;
   			}			
   		

5. 你可以定义任何 css property 你需要这样. 当您完成规则参数的调整后，将这个新的(更改的)规则复制到您的 .CSS文件(可以命名为style.css, template.css, global.css, etc.). 在应用编辑后，请随意检查站点. 在某些情况下，您可以直接编辑原始代码，在本例中添加'!important声明并不是严格要求的.

以上就是全部内容，现在您知道了如何在CSS中管理伪类.

请随时查看下面的详细视频教程:

别忘了浏览我们最新的 Bootstrap管理主题 扩展的CSS功能 website.