html伪类选择器

最新推荐文章于 2022-10-30 19:15:26 发布
最新推荐文章于 2022-10-30 19:15:26 发布
阅读量327 收藏
点赞数
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47164415/article/details/117711335
版权

1.一般写a标签的伪类选择器是：
a {
}
a:hover{
}
2.input:focus 选取获得焦点的表单元素
input:focus {
}

云123321
关注
专栏目录
HTML伪类选择器
qq_45769329的博客
10-26 1719
1.链接伪类选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* 1.给未访问的链接选出来设置样式 a:link */ a:link { color: blue; text-.
HTML——伪类选择器
最新发布
m0_72231179的博客
07-16 206
关于 HTML—伪类选择器 最常见就是链接标签的伪类选择器 a:link {}，a:visited {}， a:hover {}， a:active {}
html伪类选择器focus,了解CSS :focus-within伪类选择器
weixin_32344641的博客
06-03 944
一、了解CSS :focus-within伪类选择器CSS:focus-within伪类选择器和IE8就开始支持的:focus可以说是近亲，区别在于:focus表示当前元素处于focus状态时候干嘛干嘛，而:focus-within表示当前元素或者当前元素的子元素处于focus状态时候干嘛干嘛。举个例子：form:focus {outline: solid;}表示仅仅当处于focus状态时候，元...
结构伪类选择器（总结）
12-22
结构伪类选择器是CSS中的一个重要概念，它们允许开发者基于元素在HTML文档结构中的位置来应用样式。这些选择器使得我们可以更加精确地控制页面布局，而无需改变HTML结构。下面将详细阐述每一种结构伪类选择器的作用...
HTML5新增的Css选择器、伪类介绍
09-28
HTML5在CSS选择器和伪类方面引入了一系列增强，这些新特性使得网页样式设计更为灵活且强大。以下是对这些新特性的详细介绍： 1. **属性选择器**： - `^=` (开始匹配)：这个选择器应用于name属性以特定字符串开头的...
两种CSS3伪类选择器详细介绍
12-13
css伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了，因为这些在平时中是常用到的伪类选择器，现在向大家介绍一下两种新增的Css3伪选择器。 1、UI元素状态伪类 我们把":enabled",":disabled",":...
CSS-HTML5伪类选择器
deartors的博客
10-30 879
E:disabled匹配所有用户界面（form表单）中处于不可用状态的E元素。E:enabled匹配所有用户界面（form表单）中处于可用状态的E元素。E:checked匹配所有用户界面（form表单）中处于选中状态的E元素。E：target选择匹配元素E的所有元素，且匹配元素被相关URL指向。E:selection匹配E元素中被用户选中或处于高亮部分。E:visited：链接伪类选择器，已被访问过的超链接。E:link ：链接伪类选择器，未被访问过的超链接。例如匹配某个元素的第一个子元素。
html之伪类选择器
qq_41555580的博客
05-12 240
a:link{ } 注意：visited伪类只能改变字体的颜色，因为涉及到用户的隐私 a:visited{ } 1 a:hover{ } a:active{ } 注意1：hover和active不仅仅可以给a标签使用 注意2：IE6浏览器是十分垃圾的，它不支持除a标签之外的元素使用hover和active ...
【HTML】伪类选择器
~★sunshine☆的博客专栏
03-17 293
伪类选择器 a:link{color: red}/*未访问的链接*/ a:visited{color: green}/*已访问的链接*/ a:hover{color: blue}/*鼠标移动到链接上*/ a:active{color: aqua}/*选定的链接*/ 链接到本页 搜狐
HTML— 伪类选择器
qq_41420688的博客
04-18 2954
伪类选择器： 当前鼠标对标签的状态 1）link状态：鼠标没有访问过的状态 2）hover状态：鼠标经过的状态 3）active状态：鼠标激活状态（鼠标点击了，但是没有松开的状态） 4）visited状态：鼠标已经访问过的状态（鼠标点击且松开的状态） 提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。 a:active 必须被...
HTML基础笔记之伪类选择器
xuanxuangeng_的博客
03-22 332
***HTML基础笔记之伪类选择器***伪类选择器动态伪类选择器目标伪类选择器结构伪类选择器UI元素状态伪类选择器其他css3中伪类选择器和伪对象选择器的区别小结 伪类选择器 同一个标签根据其不同状态会显示不同的样式的就是伪类选择器。 动态伪类选择器 链接伪类选择器 :link{} 初始状态 :visited{} 访问过后的状态 用户行为选择器 :hover{} 鼠标移入的状态 :ac...
CSS中的选择器之html选择器和伪类选择器
renpingsheng66的博客
08-03 250
1.html选择器(标签选择器) 基本语法: html标签名称{ 属性名:属性值; 属性名:属性值; } 继续在上面的代码中做修改,实例代码: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/ti
html中的伪类选择器,css语言伪类选择器是什么？
weixin_32974061的博客
06-03 191
css语言伪类选择器是:lang()，下面本篇文章给大家介绍一下CSS :lang()选择器。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。:lang()选择器可以用于向带有指定lang属性开始的元素添加样式。:lang是一个伪类，它适用于具有相关联的语言编码信息的任何元素。:lang基于其人类语言编码匹配元素。这种语言信息必须包含在文档中或以其他方式与文档相关联。处理 :lan...
html 伪类选择器
09-06
HTML伪类选择器是用于选择HTML元素的特定状态或行为的选择器。它们以冒号（:）开头，并添加到选择器的末尾。 以下是一些常用的HTML伪类选择器： 1. :hover - 当鼠标悬停在元素上时应用样式。 2. :active - 当元素被激活（例如被点击）时应用样式。 3. :focus - 当元素获得焦点时应用样式，例如在输入框中输入时。 4. :visited - 选择已访问过的链接。 5. :first-child - 选择作为其父元素的第一个子元素的元素。 6. :last-child - 选择作为其父元素的最后一个子元素的元素。 7. :nth-child(n) - 选择作为其父元素的第n个子元素的元素，其中n可以是数字、关键字（如even和odd）或表达式（如2n+1）。 8. :nth-of-type(n) - 选择作为其父元素的同类型元素中的第n个元素，其中n可以是数字、关键字或表达式。 这只是一些常见的HTML伪类选择器，还有许多其他选择器可用于根据特定条件选择元素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值