选择器的权重 伪类 :hover 当鼠标悬浮在元素上方时，向元素添加样式 :active 向被激活的元素添加样式 :first-child 向元素的第一个子元素添加样式 :focus 向拥有键盘输入焦点的元素添加样式 :link 向未被访问的链接添加样式 :visited 向已被访问的链接添加样式 ...
分类：
Web程序 时间：
2020-07-03 15:14:41
阅读次数：
55
<html> <head> <script type="text/javascript"> function formSubmit() { fm.submit() } </script> </head> <body> <form name=fm> 名：<input type="text" name= ...
分类：
Web程序 时间：
2020-07-03 12:57:24
阅读次数：
76
通用元素选择器 id选择器： class选择器： 组合选择器： div p{} 第一种：div元素后代的p元素 div下的p标签进行操作 匹配outer元素下的子元素c1 而下一级的即不同级的元素不算，即大于号后面就是儿子这一代的元素 ...
分类：
Web程序 时间：
2020-07-03 10:39:18
阅读次数：
82
一、基本概念 插值表达式 Vue将数据渲染到DOM的表达式，也叫模板语法或“Mustache”语法 (双大括号) ，又叫小胡子语法，实现通过简单的方式给页面插入数据。即： <span>Message: {{ msg }}</span> 二、现象 Vue的表达式原样显示在浏览器页面上，等待很短的时间后 ...
分类：
其他好文 时间：
2020-07-02 13:45:24
阅读次数：
102
CSS 中文开发手册 类选择器 | Class selectors (Selectors) - CSS 中文开发手册 CSS 类选择器根据其class属性的内容匹配元素。 /* All elements with class="spacious" */.spacious { margin: 2em;... ...
分类：
Web程序 时间：
2020-07-02 00:03:04
阅读次数：
67
CSS 中文开发手册 相邻兄弟选择器 | Adjacent sibling selectors (Selectors) - CSS 中文开发手册 相邻兄弟组合因子（+）分隔两个选择器。仅当第二个元素直接跟随第一个元素，且两者都是相同父element的孩子节点时，它匹配该第二个元素。 /* Parag... ...
分类：
Web程序 时间：
2020-07-01 23:42:31
阅读次数：
67
首先看看需求，tab栏上的一个active样式 //找到active时的选择器 .active::before { content: ''; width: 100%; height: 6px; background-color: green; display: inline-block; posit ...
分类：
Web程序 时间：
2020-07-01 17:28:24
阅读次数：
146
涉及到的选择器有：后代选择器，子元素选择器，交集选择器，并集选择器。 为什么要学习复合选择器? 更准确更精细地选择目标元素标签。 什么是复合选择器？ 由两个或多个基础选择器，通过不同方式组合而成的。 后代选择器（包含选择器） 看后代这两个字，说明这个选择器是用来选择元素的子孙后代的。 使用示例： h ...
分类：
Web程序 时间：
2020-07-01 14:30:39
阅读次数：
520
涉及到的选择器有：标签选择器，类选择器，ID选择器，通配符选择器。 标签选择器 使用HTML标签名称作为选择器，使用此选择器可以页面中某一类标签指定统一的css样式。 语法： 标签名 { 属性:属性值; ... } 举例： 比较典型的是，为页面中所有的超链接a标签去掉下换线。 a { text-de ...
分类：
Web程序 时间：
2020-07-01 12:39:32
阅读次数：
231
1. 伪类选择器: a标签 <style> /* a标签没有被访问过时设置的样式 */ a:link{ color:green; font-size:20px; } /* a标签访问中时设置的样式 ,鼠标点击下去，还没有抬起来时*/ a:active{ color:black; } /* a标签访问 ...
分类：
Web程序 时间：
2020-06-30 22:36:26
阅读次数：
73
