<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } /* div{ height: 200px; backgr ...
转载
2021-07-12 15:06:00
180阅读
2评论
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=
原创
2021-07-28 15:16:23
135阅读
伪类选择器为了通过选择器格式化DOM树以外的信息及不能被常规css选择器获取到的信息通常前缀为:常见的大概有这么几个:first-child:last-child:nth
原创
2022-01-29 16:32:16
211阅读
伪类选择器为了通过选择器格式化DOM树以外的信息及不能被常规css选择器获取到的信息通常前缀为:常见的大概有这么几个:first-child:last-child:nth-child:empty:disabled:read-only:invalid:valid:root伪元素选择器伪元素可以创建一些文档语言无法创建的...
原创
2021-09-16 10:42:47
269阅读
一 属性选择器 使用要点 属性选择器、标签选择器、伪类选择器权重都是10 1）直接写属性 [ 最基本的使用 ] /*所有按钮改为小手*/ button { cursor: pointer; } /*给添加禁用的按钮修改为默认小箭头*/ 选择的是：既是 button 又有 disabled 属性的元素
转载
2021-01-31 19:19:00
214阅读
2评论
伪类选择器和伪元素选择器简单理解 一、总结 一句话总结： 元素选择器：如上面的p{}，实实在在的存在的元素。 伪元素选择器：dom中不存在的元素，仅仅是css中用来渲染，添加一些特殊效果的，比如p::before，选择p标签（真元素）前面的假元素（伪元素，p标签前面没有元素，只是假设有） 类选择器：
转载
2020-02-13 09:24:00
125阅读
2评论
jQuery给我们提供了很多简易用的方法，jQuery过滤选择器是其中一种。过滤器主要通过特定的过滤规则来筛选所需DOM元素，使用冒号(:)开关。一、基本过滤器:first选取第一个元素（单个元素）$('li:first'):last选取最后一个元素（单个元素）$('li:last'):not(selector)等到class不是blue的元素$('li:not(.blue)') 选取
转载
2023-07-28 12:14:15
109阅读
伪类和伪元素 有时候，你需要选择本身没有标签，但是仍然易于识别的网页部位，比如段落首行或鼠标滑过的连接。CSS为他们提供一些选择器：伪类和伪元素。常用的一些伪类选择器：:link:visited:hover:active表示普通的链接（没访问过的链接）表示访问过的链接浏览器是通过历史记录来判断一个链接是否访问过, *由于涉及到用户的隐私问题，所以使用visited伪类只
转载
2023-07-14 21:00:14
102阅读
什么是伪元素伪元素用于向某些选择器设置特殊效果。
已存在元素是指DOM中存在的，伪元素则是虚拟的一种，样式也是给这个虚拟的元素使用的。
比如伪元素 :before和:after，用于在CSS渲染中向元素的头部或尾部插入内容，它们不受文档约束，也不影响文档本身，只影响最终样式。这些添加的内容不会出现在DOM中，仅仅是在CSS渲染层中加入。它不存在于文档中，所以JS无法直接操作它。而jQuery的选择
转载
2023-06-03 23:04:12
346阅读
1 tr:hover{background-color: cadetblue;}/*鼠标放在行上，本行变色*/ 2 tr:hover+tr{background-color: red;}/*鼠标放在行上，下一行行变色，主要是增加了一个“+”号，如果增加2个就跳过2个，依次类推*/ 3 tr:hove ...
转载
2021-10-13 15:32:00
119阅读
2评论
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"/> <title>实现vivo X9s手机的宣传面面</title> <!-- 引用CSS样多文件，路径、类型、与当前文件关系 --> <link...
原创
2022-07-27 10:51:38
40阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>伪类选择器</title&
原创
2022-10-21 19:08:40
91阅读
伪类选择器：伪类选择器就是对元素处于某种状态下进行样式化的。伪类作用:active将样式添加到被激活的元素:focus将样式添
原创
2022-10-19 17:31:05
89阅读
/**作者：呆萌老师*☑csdn认证讲师*☑51cto高级讲师*☑腾讯课堂认证讲师*☑网易云课堂认证讲师*☑华为开发者学堂认证讲师*☑爱奇艺千人名师计划成员*在这里给大家分享技术、知识和生活*各种干货，记得关注哦！*/伪类选择器 &n
原创
精选
2022-08-31 22:26:06
357阅读
jQuery学习笔记一、认识jQueryjQuery 库的引入二、基本选择器1、元素选择器（标签选择器）2、ID 选择器3、类选择器4、群组选择器5、通配符选择器三、层次选择器1、后代选择器2、子代选择器3、兄弟选择器4、相邻选择器四、属性选择器五、伪类选择器1、位置伪类选择器2、可见性伪类选择器3、内容伪类选择器4、表单伪类选择器5、表单对象属性选择器六、事件1、页面事件2、鼠标事件3、键盘事
伪元素选择器：伪元素的效果是需要通过添加一个实际的元素才能达到的。CSS中有如下四种伪元素选择器：
原创
2016-11-13 13:39:10
709阅读
目标选择器 div > p：选择 div 的直接子代 p。 div + p：选择 div 后紧跟着的 p。 a[target]：通过 a 标签的 target 属性设置样式。 input[type="text"]：根据 input 的 type 属性值来设置样式，给 type 值是 text 的 i
原创
2022-06-24 00:22:34
104阅读
我们来看个案例，杂志内容中的第一个字符R。样式是特殊定义过的，如果将杂志内容在浏览器中加载，我们该如何实现这个效果呢？这就需要用到CSS中中的伪元素选择器来实现了，伪元素选择器，顾名思义：伪：可以理解成假的，元素：就是标签；所以伪元素选择器可以解释成：假元素选择器；通过伪元素选择器，可以设置元素指定部分的样式。主要用来设置元素内文本的首字母，首行的样式、或是在元素内容之前或之后插入其他内容；伪元素
原创
2023-02-08 17:36:40
332阅读
