CSS选择器汇总(清爽版) 1、元素选择器 标签名{ } 2、id选择器 #id属性值{ } 3、类选择器 ·class属性值{ } 4、选择器分组(并集选择器) 作用:通过它可以同时选中多个选择器对应的元素(通常用于集体声明) 语法:选择器1,选择器2,选择器n{ } 5、复合选择器(交集选择器) ...
分类:
Web程序 时间:
2020-02-28 01:30:22
阅读次数:
143
css选择器: 权重 尽量避免使用!important 覆盖!important ...
分类:
Web程序 时间:
2020-02-26 18:57:11
阅读次数:
86
jquery的选择器 基本选择器 id选择器:$(“#id名称”); 元素选择器:$(“元素名称”); 类选择器:$(“.类名”); 通配符:* 多个选择器共用(并集) 案例代码: <html> <head> <meta charset="UTF-8"> <title>基本选择器</title> < ...
分类:
其他好文 时间:
2020-02-04 23:21:10
阅读次数:
65
后代选择器 祖先元素 后代元素{ } 子元素选择器(直接子元素选择器) 父元素>子元素{ } 兄弟选择器 元素+兄弟元素(紧邻该元素之后的下一个兄弟元素) 所有兄弟元素选择器 元素~兄弟元素(该元素之后的所有兄弟元素) <!DOCTYPE html> <html lang="en" manifest ...
分类:
Web程序 时间:
2020-02-02 01:40:15
阅读次数:
120
选择器 <!doctype html> <html> <head> <title>选择器初级</title> <style type="text/css"> *{margin:0;padding:0;}/*匹配页面中所有的元素*/ div{}/*元素选择器 由标签名来选择元素*/ .box{colo ...
分类:
其他好文 时间:
2020-01-29 17:50:43
阅读次数:
85
css 称为层叠样式表 css样式引入方式 第一种 第二种方式 第三种引入方式 css选择器 基本选择器 元素选择器 id选择器 类选择器 属性选择器 后代选择器 组合选择器 (逗号连接) css样式相关 高度宽度 字体相关 字体对齐 颜色设置 (背景,字体颜色都行) 背景 边框 盒子模型 内边距 ...
分类:
Web程序 时间:
2020-01-29 17:38:56
阅读次数:
93
浏览器默认给边距,去除浏览器默认样式 <!doctype html><html> <head> <title>样式初始化</title> <style> /* *通配符选择器,选择页面中所有元素,内外边距都设为0*/ *{margin:0px;padding:0;} /* 多元素选择器,用”,“隔开 ...
分类:
其他好文 时间:
2020-01-28 18:59:31
阅读次数:
64
选择器权重:内联样式>id选择器>类选择器>元素选择器1000>100>10>1 永不进位继承来的属性,他的权重非常低,接近于0 !important,可以破坏选择器权重,强行让对应的属性权重最高 字体属性:font-family,font-size,font-style,font-weightfo ...
分类:
其他好文 时间:
2020-01-27 13:45:35
阅读次数:
104
CSS基础基本语法选择器id选择器:class选择器:元素选择器(标签)选择器分组(并集选择器):同时设置多个选择器通配选择器 *复合选择器(交集选择器)(同时满足)属性选择器:元素选择器的特殊用法后代选择器(空格)子元素选择器 >兄弟选择器伪类选择器:锚伪类选择器(超链接常用)否定伪类TOC CS... ...
分类:
Web程序 时间:
2020-01-20 18:41:14
阅读次数:
89
before: 伪元素选择器用于在某个元素之前插入一些内容 伪类选择器:before使用content属性插入字符、属性插入图片 <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text ...
分类:
Web程序 时间:
2020-01-19 22:01:13
阅读次数:
128