搜索结果
查询Tags标签： 伪类，共有 46条记录-
css中 : 和 :: 的区别（伪类与伪元素）
css中的 : 指的是伪类，:: 指的是伪元素。伪类 说明:visited（a:visited） 选择所有已访问的链接:hover（a:hover） 选择鼠标悬停其上的链接:active（a:active） 选择活动的链接:focus（input:focus） 选择获得焦点的 <input> 元素:link（a:link） 选择所有未被访问…
2022/9/15 23:18:36 人评论 次浏览 -
伪类和伪元素
伪类和伪元素的根本区别在于：它们是否创造了新的元素。 伪类 是什么 用于已有元素处于某种状态时为其添加对应的样式。 语法 ： 使用数量 多个 使用位置 前方和后方 类与元素 修饰 使用场景 状态类：:link a链接未被访问时 :visited a链接已被访问时 :hover 鼠标悬停时 :…
2022/8/30 23:26:22 人评论 次浏览 -
5_结构伪类选择器
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>/*ul的第一个子元素*/ul li:first-child{background: blue;}/*ul的最后一个子元素*/ul li:last-child{backgr…
2022/8/5 23:23:52 人评论 次浏览 -
<day06>伪类选择器
超链接的伪类/* 链接点击之前 */ a:link { color: blue; } /* 连接访问之后 */ a:visited { color: lightblue; } /* 鼠标放上去时 */ a:hover { color: red; } /* 鼠标点击不…
2022/7/13 23:24:32 人评论 次浏览 -
对div使用伪类:last-child，希望讲c++的文字变成红色，但是失败了，记录一下以后解决
原来是谷歌浏览器的问题，换成edge就可以了，具体原因还是不知道，不确定是不是兼容问题对div使用伪类:last-child，希望讲c++的文字变成红色，但是失败了，记录一下以后解决 <!DOCTYPE html> <html lang="en"> <head><meta charset="…
2022/7/8 1:20:10 人评论 次浏览 -
css-浮动
1、结构伪类选择器2、伪元素 3、浮动 4、清除浮动
2022/7/5 6:20:13 人评论 次浏览 -
结构伪类选择器
结构伪类选择器 什么是结构伪类选择器？ 什么是伪类选择器？ CSS中已经定义好的选择器,不能随便取名 什么是结构伪类选择器？ 针对HTML层级结构的的伪类选择器 应用 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8&qu…
2022/4/14 23:14:14 人评论 次浏览 -
重学前端（7）CSS 选择器：如何选中svg里的a元素？
选择器是由 CSS 最先引入的一个机制（但随着 document.querySelector 等 API 的加入，选择器已经不仅仅是 CSS 的一部分了）。选择器的基本意义是：根据一些特征，选中元素树上的一批元素。我们把选择器的结构分一下类，那么由简单到复杂可以分成以下几种。简单选择器：针…
2022/4/13 6:22:46 人评论 次浏览 -
::before和:after中的的双冒号和单冒号有什么区别及这两个伪元素的作用
::before和:after中的的双冒号和单冒号有什么区别及这两个伪元素的作用单冒号（:）用于CSS3伪类，双冒号（::）用于CSS3伪元素（伪元素由双冒号和伪元素名称组成），为了兼容已有的伪元素写法，在一些浏览器中也可以使用单冒号，来表示伪元素，比如:first-line、:first-le…
2022/3/20 6:31:46 人评论 次浏览 -
伪类和伪元素
伪类和伪元素的区别css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分，比如，一句话中的第一个字母，或是列表中的第一个元素，又或者是鼠标悬停在某个超链接上时要设置的样式。伪类用于当已有的元素处于某个状…
2022/3/20 6:30:34 人评论 次浏览 -
伪类和伪元素
伪类 用于已有元素 处于某种状态时 为其添加对应的样式。 这个状态时根据用户行为而动态变化的。 举例： :hover ：鼠标悬浮时样式 h1:hover{color: #42b983; }伪元素 用于创建一些不在DOM树中的元素，并为其添加样式。 注意：虽然在页面上可以看的见对应的元素，但实际上…
2022/3/4 23:45:19 人评论 次浏览 -
java第一周学习内容（6）
/* 伪类选择器：1、链接的伪类2、普通元素的伪类 :hover3、表单的伪类 input:focus{}*//* lvha */a:link{color:hotpink;} /* 未被点击过的 */a:visited{color:blue;} /* 点击过的 */a:hover{color: red;} /* 鼠标移入时 */a:active{color: #ccc;} /* 鼠标点击,但未…
2022/3/1 14:21:51 人评论 次浏览 -
? css3选择器、伪类、伪元素
选择器 CSS2.1中，选择器7种： id选择器 #box 类选择器 .red 标签选择器 p 后代 div p 交集 div.red 并集 div,p 通配符 * 关系选择符 > 儿子，亲儿子，不是后代，必须是儿子 + next sibling，下一个兄弟 ~ next all siblings ，下所有兄弟 不要加空格，因为C…
2022/2/15 23:41:47 人评论 次浏览 -
【HTML/CSS】伪类选择器
这个也有意思 之前几天学的，现在写写刚好复习（伪类选择器 伪类是什么？ 伪类用于定义元素的特殊状态，比如鼠标悬浮在按钮上，按钮颜色会变就是一个例子。 链接伪类选择器 修改链接状态的选择器点击查看-连接选择器-代码 <!DOCTYPE html> <html><head>…
2022/2/6 6:12:32 人评论 次浏览 -
css复习
伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。 比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类？不明确。因为需要看用户点击前是什么状态，点击后是什么状态。所以，就叫做“伪类”。 静态伪类和动态伪…
2022/1/4 23:33:31 人评论 次浏览
