目标伪类选择器 给跳转到的目标设置样式 <!-- 目标伪类选择器 --> <a name="target">目标</a> <a href="#target">显示目标</a> :target{ border: 1px solid red; color: blueviolet; } outline: ...
分类:
Web程序 时间:
2020-03-05 00:47:40
阅读次数:
107
首先第一条很重要 元素添加hover伪类选择器时候一定要紧贴这hover,不能有空格,有空格的话会失效 错误例子: 正确例子: 第二 当想要在父元素添加hover在子元素的实现效果 子元素应该写在hover后面空格隔开 这个例子中就是当鼠标经过ul的时候,li会在设置的角度旋转 注意 仅可以给自身的 ...
分类:
Web程序 时间:
2020-03-01 20:03:50
阅读次数:
111
伪类选择器一般会用在超链接a标签中,使用a标签的伪类选择器,我们一定要遵循"爱恨准则" LoVe HAte 1 /*没有被访问的a标签的样式*/ 2 .box ul li.item1 a:link{ 3 4 color: #666; 5 } 6 /*访问过后的a标签的样式*/ 7 .box ul l ...
分类:
其他好文 时间:
2020-02-29 13:05:33
阅读次数:
56
设置滚动条的样式: div::-webkit-scrollbar { width: 0; } 关于::-webkit-scrollbar ::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式 ::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例 ...
分类:
Web程序 时间:
2020-02-26 18:55:20
阅读次数:
102
前言 项目中时常会需要用到使用JavaScript来动态控制为元素(:before,:after)的样式,但是我们都知道JavaScript或jQuery并没有伪类选择器。这里总结一下几种常见的方法。 HTML <p class="red">Hi, this is a plain-old, sad- ...
分类:
编程语言 时间:
2020-02-24 18:18:08
阅读次数:
68
是谁在耳边对我说!important提升权重优先级,只为这一句,我用了3600s研究通配符与标签!important的背景展示,也是让我怀疑人生了!选择器权值:标签选择器1,类选择器和伪类选择器:10,ID选择器:100,通配符选择器:0,行内样式:1000,!important 在一定条件下,优先... ...
分类:
其他好文 时间:
2020-02-21 19:55:41
阅读次数:
101
常见的css选择器包含:常用选择器、基本选择器、层级选择器、伪类选择器、属性选择器,其中常用选择器分为:1.html选择符*{}//给页面上所有的标签设置模式;2.类选择符.hcls{}//给class是hcls的一类标签设置模式;3.id选择符#h3{}//给id是h3的标签设置样式;4.关联选择... ...
分类:
Web程序 时间:
2020-02-21 10:09:09
阅读次数:
75
属性选择器 css3语法(类似于正则) 属性选择器:属性是相对于标签而言。 所谓属性选择器就是根据指定名称的属性的值来查找元素 /*1.E[attr]:查找指定的拥有attr属性的E标签。如查找拥有style属性的li标签*/ li[style]{ text-decoration: underlin ...
分类:
Web程序 时间:
2020-02-13 15:06:30
阅读次数:
151
一.复杂选择器 3.伪类选择器 ①目标伪类target ②结构伪类 elem:first-child{} 代表两个条件 匹配elem的父元素的第一个儿子(elem的大哥) 这个大哥必须是elem元素 elem:last-child{} 匹配elem的父元素的最后一个儿子(elem的小弟) 这个最小的 ...
分类:
Web程序 时间:
2020-02-10 09:21:45
阅读次数:
101
选择器权值: 标签选择器:1 类选择器和伪类选择器:10 ID选择器:100 通配符选择器:0 行内样式:1000 !important 在一定条件下,优先级最高 常用的css样式命名 页面结构页头:header页面主体:main页尾:footer内容:content/container容器: co ...
分类:
Web程序 时间:
2020-01-31 14:33:41
阅读次数:
115