举报投诉联系我们 手机版 热门标签 名动网
您的位置:名动网 > css~选择器 CSS :active 选择器

css~选择器 CSS :active 选择器

2023-04-06 13:20 CSS参考手册

css~选择器 CSS :active 选择器

css~选择器

CSS 选择器是 CSS 中最重要的部分,它用于指定 HTML 元素,以便应用样式。CSS 选择器可以根据元素的 ID、类、属性、伪类或元素名称来选择 HTML 元素。

CSS 选择器可以分为三大类:基本选择器、属性选择器和伪类选择器。

1. 基本选择器: 
    * 标记名选择器(Element Selector) 
    * 类选择器(Class Selector) 
    * ID 选择器(ID Selector) 
    * 相邻兄弟选择器(Adjacent Sibling Selector) 
    * 子代选择器(Child Selector) 
    * 后代选择器(Descendant Selector) 
2. 属性选择器: 
    * [attribute] 通配符匹配所有带有该特定的 attribute 的元素。 
    * [attribute=value] 精准匹配所有带有该特定 attribute 和 value 的元素。 
3. 伪类选择器:  										  	  	  	  	  	  	  	  	  	  	  

    * :link 表示所有还未被访问过的链接。 
    * :visited 表示所有已被访问过的链接。 
    * :hover 表示当用户将鼠标光标位于其上时的效果。 
    * :active 表示当用户正在单击该元素时的效果。     

CSS :active 选择器

CSS 选择器参考手册

实例

选择活动链接,并设置其样式:

a:active
{ 
background-color:yellow;
}

亲自试一试

浏览器支持

IE Firefox Chrome Safari Opera

所有主流浏览器都支持 :active 选择器。

定义和用法

:active 选择器用于选择活动链接。

当您在一个链接上点击时,它就会成为活动的(激活的)。

提示:请使用 :link 选择器对指向未被访问页面的链接设置样式,:visited 用于设置指向已访问页面的链接的样式,:hover 选择器用于设置鼠标指针浮动到链接上时的样式。

亲自试一试 - 实例

例子 1

选择未访问、已访问、悬浮和活动链接,并设置它们的样式:

a:link    {color:blue;}
a:visited {color:blue;}
a:hover   {color:red;}
a:active  {color:yellow;}

亲自试一试

例子 2

为链接设置不同的样式:

a.ex1:hover,a.ex1:active {color:red;}
a.ex2:hover,a.ex2:active {font-size:150%;}

亲自试一试

相关页面

CSS 教程:CSS 链接

CSS 教程:CSS 伪类

CSS 选择器参考手册

阅读全文
以上是名动网为你收集整理的css~选择器 CSS :active 选择器全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 名动网 mdwl.vip 版权所有 联系我们