css超链接的伪类和伪元素

最新推荐文章于 2022-10-20 11:00:12 发布
最新推荐文章于 2022-10-20 11:00:12 发布
阅读量1.2k 收藏
点赞数 1
分类专栏： # 从html到css进阶之路 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52915467/article/details/120575680
版权

超链接的伪类和伪元素

利用超链接的伪类可以为超链接设置访问状态，给用户更带来更好的体验。
当然还有适用于全局的伪类，例如鼠标移入，点击，以及获取焦点点击进去的状态。利用超链接的伪元素可以使操作页面内容，在指定位置添加内容，或修改指定位置的样式。使文章内容更加丰富，体验感更好。下面让我们一起来学习吧！

1.超链接的伪类

只适用于设置超链接的伪劣
link;表示没访问过的链接（正常的链接）

a:link
        {
   
            color:aqua;
        }

visited表示访问过的链接 （注*只能修改链接的颜色）

a:visited
        {
   
            color:
最低0.47元/天 解锁文章
可期！
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
python简易爬虫练习：搜狐网新闻爬取
qq_42775711的博客
06-05 1622
python爬虫：搜狐网新闻爬取 python爬虫练习：搜狐网新闻爬取 帮朋友写了一个课程设计，目的是获得新闻页面的标题、时间以及正文内容。 写的很简单，并没有很复杂的知识，应该很好理解。 首先是导入我们需要的各种库，其中requests是第三方库，记得用pip安装一下 import requests import re import os 首先要从搜狐主页面上获得所需要的所有html代码 ...
CSS 伪类与伪元素辨析
huaqi_的博客
01-17 149
伪类、伪元素
CSS选择器：伪类（图文详解）
weixin_34075268的博客
01-13 860
本文最初发表于博客园，并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 伪类（伪类选择器） 伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。 比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类？不明确。因为需要看用户点击前是什么状态，点击后是什么状态。所以，就叫做“伪类”...
什么是超链接伪类和伪元素
m0_65334415的博客
10-20 856
{}
CSS 链接
weixin_30718391的博客
06-05 293
不同的链接可以有不同的样式。 链接样式 链接的样式，可以用任何CSS属性（如颜色，字体，背景等）。 特别的链接，可以有不同的样式，这取决于他们是什么状态。 这四个链接状态是： a:link - 正常，未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 实例 a:link...
css--属性选择器
MondayCui的博客
09-14 123
[属性名] 选择含有指定属性的元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>属性选择器</title> <style> .
伪元素写竖线_CSS的伪类和伪元素
weixin_32515143的博客
01-17 2200
之前介绍了8种选择器,基本上可以应对大部分的开发需求，但是如果不会使用伪类和伪元素，就跟下面的图差不多，后面会摔的。伪元素和伪类虽然不是特别常用，但是，很好用，可以帮你省掉很多无用功，效果还好。下面直接进入正题，尽量用最小的篇幅让人明白如何使用它们。...1.伪元素和伪类的区别伪元素和伪类都是为了给一些特殊需求加样式，定义上基本一致。伪类像类选择器一样给已存在某个元素添加额外的样式；伪元素则是给自...
CSS伪类/伪元素选择器整理
09-25
CSS伪类及伪元素选择器，如超链接的a：link、a：visited、a：hover等等，本文整理了一些，喜欢的朋友可以收藏下
伪类选择器的使用和语法
09-19
伪类选择器的使用和语法 摘要：本文将详细介绍伪类选择器的使用和语法，包括伪类选择器的作用、语法、案例演示和注意事项等。 一、伪类选择器的作用 伪类选择器是一种特殊的选择器，...* CSS-Tricks - 伪类选择器
Dreamweaver8系列DIV+CSS教程超链接伪类.pdf
10-04
《Dreamweaver8系列DIV+CSS...通过深入理解并熟练运用超链接伪类、块级链接、CSS按钮制作以及首字下沉，设计师可以创建更具交互性和视觉吸引力的网页。学习和掌握这些CSS技术对于任何Web开发者来说都是非常有价值的。
css通过伪类来设置超链接样式附示例
12-13
css设置超链接样式是通过伪类来实现的 (1) :link：设置a对象在未被访问前的样式表属性。 (2) :visited：设置a对象在其链接地址已被访问过时的样式表属性。 (3) :hover：设置对象在其鼠标悬停时的样式表属性。 (4) :active：设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性。 css中关于超链接的四个属性正确顺序为： 复制代码代码如下: a:link {} a:visited {} a:hover {} a:active {} 伪类名字对大小写不敏感，但在定义顺序上有要求。:hover必须被置于:link和:visited之后才
CSS定义超链接样式的顺序及四个伪类的用法示例介绍
09-25
在CSS中，定义超链接样式是网页设计的基本要素之一，主要通过四个伪类来实现不同的链接状态。这四个伪类是`:link`、`:visited`、`:hover`和`:active`，它们按照“爱恨”原则（LVHA）排列，即Link、Visited、Hover、...
hover伪类的使用-CSS入门基础（015）
虾米大王的学习历程
12-18 1970
今天我们接着分享关于超链接样式的内容。 上节我们知道了“a：hover”可以定义鼠标悬停超链接a时的样式。很多初学者都认为hover只限于a标签使用，如果你这样理解，就埋没了css一个功能强大的技巧了。“：hover”伪类是可以定义任何一个元素的鼠标悬停时的样式的。 语法： 元素：hover {属性：属性值；} 元素可以是任意的块元素和行内元素。 示例代码： <html><head><title>...
伪元素中content的用法详解
热门推荐
小白程序员的博客
09-28 1万+
content:""----->扩展 (1)content的值可以是文字和字符串啦 然后加在它的""里面哦 (2)content还可以是图片，没想到，你会想，这图片怎么加呢，上代码 <a href="http://www.baidu.com" style="color: red"> 这是链接&nbsp;&nbsp; </a> 在css样式中加上如下...
超链接a标签中的伪类区别及用法
u013158011的博客
03-31 6878
首先 “超链接” 就是我们 html 中的 a 标签，这个应该大家都没问题。再接着，"伪类"：什么是伪类？ css 对于伪类的解释是用于向某些选择器添加特殊的效果。 简单点说，就是你没定义这个类，但它确实作为一个类来使用。 再简单点就是你可以利用伪类为我们的元素添加各种不同的效果。 比如： a:hover { } 这段代码就是给 a 这个标签选择器...
【学习笔记】CSS伪类，a标签超链接实现点击后变色
kevin_g的博客
01-03 3713
一、html 代码如下 <a href="https://www.layui.com/" class="red" target="_blank">超链接1</a> <br> <a href="https://www.layui.com/" class="red" target="_blank">超链接2</a><br> <a href="https://www.layui.com/" class="red" target="_bl
Python爬虫——主题爬取搜狐新闻（步骤及代码实现）
bb123116的博客
10-21 7596
一 、实现思路 本次爬取搜狐新闻时政类 获取url——爬取新闻名称及其超链接——判断与主题契合度——得到最终结果 二、获取url变化规律 观察发现，搜狐新闻页面属于动态页面 但是F12——network——XHR下并没有文件所以不能从这里找 从ALL中发现该文件中有想要找的内容 发现该文件属于js文件 观察四个feed开头的文件的url规律 page变化 callback变化无规律 最后的数字每页+8 将callback去掉发现对网页内容无影响 所以最终的page获取代码 采用字符串拼接的形式 for
CSS样式：超链接的伪类
qq_49389758的博客
01-25 1121
根据两个例子展开超链接的伪类用法 1.<a href="https://blog.csdn.net">访问csdn</a> //超链接 <br> //换行 <br> 2. <a href="https://blog.csdn.net123">不访问csdn</a> 1.link表示没有访问过的链接，正常的链接 a:link{ color:red } 2.visited表示访问过的链接（注意：
CSS:超链接伪类
yiXin_Chen的博客
12-23 1959
超链接伪类: a:link, 设置超链接基础样式 a:visited, 设置超链接点击过的样式 a:hover, 设置鼠标悬停在上方时的样式 a:active, 设置鼠标点击中的样式 其它标签常用的伪类 :hover :active 示例: .t1 a:hover{ color: yellow; } .t1 a:active{ color: green; } ...
css超链接去除下划线
最新发布
06-14
要去除超链接的下划线，你可以使用伪类`:hover`和`:visited`结合选择器来设置样式。以下是一些方法： 1. 对所有链接（未访问）： ```css a { text-decoration: none; /* 去除下划线 */ } ``` 2. 只对鼠标悬停时...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

可期！

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值