伪类选择器

一直前行wei

于 2020-02-24 17:30:41 发布

阅读量100

点赞数

文章标签： css

本文链接：https://blog.csdn.net/weixin_43263240/article/details/104481481

版权

伪类选择器

	a:link 超链接默认的样式
	a:visted 超链接访问过后的样式
	a:hover 鼠标移入的样式
	a:active 鼠标点击的那一刻的样式
	
	注意：1、浏览器的缓存；2、它们的顺序不能改变

hover  和 active 可以适用于其他标签

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一直前行wei

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

CSS3结构性伪类选择器九种写法

01-19

　接下来的几个伪类选择器使用上非常类似，功能也比较接近。　:nth-child(n)，用于匹配索引值为n的子元素。索引值从1开始。　X:nth-child()用法实际上有三种变化，demo的用法是最简单的，X:nth-child()更强大的用处...

四种css 伪类选择器

12-13

X:after Example Source Code ：.clearfix:after {content: “”;...:after伪类与content结合使用，用于往元素类追加内容。:after伪类还有个妙用：用于产生阴影，点击这里查看。X:hover Example S

参与评论您还未登录，请先登录后发表或查看评论

css伪类选择器

weixin_44367415的博客

05-27

156

css伪类选择器 :link {} 设置超链接的默认样式例如： a {color :red;} a:link { color: red;} --不推荐使用【有兼容性】 .one:link { color:red; } --不推荐使用【有兼容性】 :visited {} 设置标签被访问过后的样式例如： a:visited {color: red; } 注意：该伪类...

伪类选择器的用途

dairenwu的博客

09-22

2365

伪类选择器的用途 1.做鼠标移入、移出效果切换 a:hover { background-color: #e01222; color: #fff; }2.画三角形.triangle:before{ content:""; display:block;

结构伪类选择器（总结）

12-22

下面将详细阐述每一种结构伪类选择器的作用和用法。 **一类选择器：基于子元素的位置** 1. `:first-child`：选择其父元素的第一个子元素。例如，如果要为每个列表的第一项设置特殊样式，可以使用`li:first-child`...

详解如何使用CSS3中的结构伪类选择器和伪元素选择器

11-21

结构伪类选择器介绍结构伪类选择器是用来处理一些特殊的效果。结构伪类选择器属性说明表属性描述 E:first-child 匹配E元素的第一个子元素。 E:last-child 匹配E元素的最后一个子元素。 E:nth-...

两种CSS3伪类选择器详细介绍

12-13

css伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了，因为这些在平时中是常用到的伪类选择器，现在向大家介绍一下两种新增的Css3伪选择器。 1、UI元素状态伪类我们把":enabled",":disabled",":...

html之伪类选择器

qq_41555580的博客

05-12

251

a:link{ } 注意：visited伪类只能改变字体的颜色，因为涉及到用户的隐私 a:visited{ } 1 a:hover{ } a:active{ } 注意1：hover和active不仅仅可以给a标签使用注意2：IE6浏览器是十分垃圾的，它不支持除a标签之外的元素使用hover和active ...

伪类选择器简单总结

fantasy_Go的博客

07-11

1023

伪类选择器 在CSS中有众多选择器，其中伪类选择器是比较让人头疼，同时亦让人弄混的选择器，本篇博客主要对常用的伪类选择器进行简单的总结。什么是伪类？ CSS伪类用于向某些选择器添加特殊的效果。它的语法结构为： selector : pseudo-class { property: value } 下面是几个常用的伪类选择器介绍 ...

CSS 成长之路（三）伪类选择器

koko_TT的博客

04-26

187

伪类选择器用途用来修饰标签<a href= "#">xxx</a>修饰链接内容在未访问link、访问后visited、鼠标悬停时hover和鼠标点下未松开时active的状态。注意，这四个内容的顺序不可以调换，用的最多的未link和hover。类选择器：.类名 伪类选择器：a:上述属性 Show me the code 将代码保存为.html结尾的文件并用浏览器产...

一些常见的伪类选择器

热门推荐

weixin_44570988的博客

03-31

1万+

一、向被激活的元素添加样式。 伪类选择器 :active 使用此伪类选择器可点击转换样式，可改变所数的类的宽度，高度，颜色等等、、、 <style>标签内容 .weileiyi{ ...

css伪类选择器及其兼容性

web_xyk的专栏

07-08

3681

常用的几个选择子元素的伪类选择器： 1. :first-child (兼容性：对于 IE8 及更早版本的浏览器中的 :first-child，必须声明。) 匹配选中元素的第一个元素，如图 2. :last-child (兼容性:ie9以下不支持) 匹配选中元素的最后一个元素，如图 3. :nth-child(n) (兼容性:ie9以下不支持)

前端---js中五大选择器和伪元素选择器和伪类选择器

Nagile-zhou博客

10-09

5613

元素选择器例如： html {background-color: black;} p {font-size: 30px; backgroud-color: gray;} h2 {background-color: red;} 以上css代码会对整个文档添加黑色背景；将所有p元素字体大小设置为30像素同时添加灰色背景；对文档中所有h2元素添加红色背景。类选择器 (1)单类选择器...

CSS3 结构性伪类选择器—target（实现点击按钮显示内容）

zag666的博客

08-17

2491

:target 选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素。单个url（单个target）处理： HTML代码： <p><a href="#ex">显示按钮</a></p> <div class="example" id="ex"> 单个target示例 </div&...

CSS特殊选择器：伪类选择器详解与应用

"本资源主要介绍了CSS中的伪类选择器，包括它们的使用方法和语法，以及一些常见的伪类选择器实例。通过示例代码展示了如何应用这些选择器来实现不同状态下的元素样式控制，如超链接的不同状态、选择父元素的第一个子...