Css3选择器相关: section > div直接子元素选择器 div + article相邻兄弟选择器(在元素之后出现) div ~ article通用兄弟选择器(在元素之后出现) 属性选择器: a[href] { text-decoration: none; } a[href="#"] { c ...
分类:
Web程序 时间:
2019-12-30 14:36:14
阅读次数:
104
通过属性选择器找元素,可以通过$("").length是否为0来判断是否找到了元素。 为0的时候表示没有找到,其余则返回找到了多少个。 不能通过$("")是否为null来判断 ...
分类:
其他好文 时间:
2019-12-27 15:29:40
阅读次数:
105
层叠和继承的概念 一般文本类的属性会被继承,即某个元素的CSS属性会传递给内部嵌套的元素。一个元素可能有一个或者多个样式的来源,当属性发生冲突时,就会根据加载顺序和权重大小决定层叠之后显示的属性。 选择器的优先级 行内 id class 元素 行内 1 0 0 0 id 0 1 0 0 class、 ...
分类:
其他好文 时间:
2019-12-15 14:45:18
阅读次数:
101
1.Vue常用指令 1)v:text:更新元素的 textContent 2)v-html:更新元素的 innerHTML 3)v-if:如果为true,当前标签才会输出到页面 4)v-else:如果为false,当前标签才会输出到页面 5)v-show:通过控制display样式来控制显示/隐藏 ...
分类:
其他好文 时间:
2019-12-11 19:01:36
阅读次数:
85
兼容性前缀: 谷歌:webkit 火狐:moz ie:ms 欧鹏:o选择器: 属性选择器: * = 包含 {href * = 'www'} ^ = 以什么开头 $ = 以什么结尾 伪类选择器: 第一个:first-of-type 最后一个:last-of-type 第几个:nth-of-type() ...
分类:
Web程序 时间:
2019-12-06 09:16:44
阅读次数:
793
1.id选择器 i1{ background-color: green; width: 100px; height: 100px;} 2.class选择器 c1{ background-color: green; width: 100px; height: 100px; } .wh{ width: ...
分类:
Web程序 时间:
2019-12-03 23:31:21
阅读次数:
123
<input /> 标签是我们日常开发中非常常见的替换元素了,但是最近在刷 whattwg 跟 MDN 的时候发现 跟 <input /> 有很多相关的属性,选择器都没怎么用过,所以就开篇文章来整理一下一些比较有趣或者实用的知识点。 本篇文章默认大家已经知道 <input /> 标签的基本用法,不会 ...
分类:
其他好文 时间:
2019-12-02 23:24:54
阅读次数:
83
一、CSS选择器作用 CSS 选择器用于定位我们想要给予样式的 HTML 元素,但不只是在 CSS 中,JavaScript 对 CSS 的选择器也是支持的,比如 document.document.querySelectorAll。 二、选择器类型 基本选择器 组合选择器 属性选择器 伪类选择器 ...
分类:
Web程序 时间:
2019-12-02 00:45:47
阅读次数:
155
原文:如何使用属性选择器 属性选择器介绍# 属性选择器可以根据元素的属性及属性值来选择元素。 属性选择器有什么好处呢,如:可以通过标签的属性名和属性值来匹配对应的元素。 attr是英文单词attribute的简写,中文意思就是属性或属性名。 val是英文单词value的简写,中文意思就是值或属性值。... ...
分类:
其他好文 时间:
2019-12-01 09:50:16
阅读次数:
92
一、选择器 选择器是我们用来准确定位标签,并对选中的标签进行样式改修。 二、常用选择器 1.基本选择器(id选择器,class选择器,标签选择器); 2.后代选择器和子代选择器; 3.兄弟选择器和相邻选择器; 4.全选择器,属性选择器和分组选择器; 5.伪类选择器 三、选择器 1.基本选择器 cla ...
分类:
Web程序 时间:
2019-11-27 23:28:28
阅读次数:
127