'''CSS style link rel="stylesheet" href="css" style 基本选择器 #id .class TogName * 组合选择器 x y/x > y/x + y/x ~y 属性选择器 x[a/a=b/a^=b/a$=b/a*=b/a~=b] 伪类选择器 :li ...
分类:
Web程序 时间:
2021-06-13 09:59:56
阅读次数:
0
#猜你喜欢模块制作 ##主要知识点:结构伪类选择器和伪元素选择器&常规页面布局 ###HTML结构 <!-- 猜你喜欢模块 --> <div class="like"> <div class="hd"> <div class="left">猜你喜欢</div> <div class="right"> ...
分类:
Web程序 时间:
2021-04-27 14:55:10
阅读次数:
0
## 伪类:伪类用于DOM树之外的消息,或是不能简单选择器进行表示的信息。前者包含那些匹配指定状态的元素,比如:visited,:active ;后者包含那些满足一定逻辑条件的DOM树中的元素,比如:first-child,:fitst-of-type,:target ## 伪元素:伪元素为DOM树 ...
分类:
其他好文 时间:
2021-03-10 13:12:45
阅读次数:
0
推荐书籍:码出高效: Java 开发手册 2.2 层次选择器 idea里代码规范是按:ctrl +alt+L快捷键 注释快捷键:ctrl+/ 1.后代选择器:在某个元素的后面 祖爷爷 爷爷 爸爸 你 <style> /*p{*/ /* background: #02ff00;*/ /*}*/ /* ...
分类:
Web程序 时间:
2021-02-27 13:14:06
阅读次数:
0
四、伪类选择器 1、动态伪类选择器 动态伪类选择器会根据条件的改变来匹配元素 :link、:visted、:hover、:active 这四个动态伪类选择器一般用在a元素上,分别对应a元素的链接的四个状态: :link:对应链接未被访问的时候 :visted:对应链接被访问的时候 :hover:对应 ...
分类:
Web程序 时间:
2021-02-25 12:01:41
阅读次数:
0
用户交互伪类选择器的用法 :hover 鼠标移入 :link 没有交互 :visited 访问过 :active 鼠标按下不放 <a href="">Pesudo classes</a> <a href="">Pesudo classes</a> <a href="">Pesudo classes< ...
分类:
Web程序 时间:
2021-02-01 12:58:59
阅读次数:
0
a:link 链接未被点击过的样式 a:visited 链接点击过后的样式 a:hover 链接鼠标经过时样式 a:active 链接点未松开时的样式 ...
分类:
Web程序 时间:
2020-12-09 12:21:04
阅读次数:
8
今天是CSS的第二天,熟练掌握后代选择器、链接伪类选择器,元素的显示模式以及背景的设置! 今日框架: 今日重点: 1、复合选择器 1)后代选择器:可以选择父元素中的子元素--用空格分开 2)子元素选择器:选择某个元素最近一级的子元素(亲儿子)--使用 > 分开 3)并集选择器:集体声明 —— 选择多 ...
分类:
Web程序 时间:
2020-11-13 12:58:56
阅读次数:
16
今天在转译的时候遇到的情况 否定伪类选择器(:not):不匹配该属性的每个元素(微信小程序不支持) 1 .bank .wrap.data-v-1773f763 >:not(:last-child) { 2 border-bottom: 1px solid #f0f0f0; 3 } ...
分类:
微信 时间:
2020-10-22 22:54:00
阅读次数:
51
分两部分讲,一部分是继承样式,一部分是选择器. 继承样式部分,HTML元素有直接样式,也会继承祖先元素的样式.直接元素的优先级大于继承样式,较近祖先样式的优先级大于较远祖先样式; 选择器部分,内联样式>ID选择器>类选择器=属性选择器=伪类选择器>元素选择器=伪元素选择器,如果一个标签同时被多个选择 ...
分类:
Web程序 时间:
2020-09-15 21:06:03
阅读次数:
51