原生滑动选择器 html,html选择器

常用选择器

元素选择器：根据标签名来选择指定的元素，语法：标签名{}

例：p{} h1{} div{}

color: red;

}

h1{

color: blueviolet;

}

id选择器

作用：根据id属性值选中一个元素

语法：#id属性值{}

例：#box{}

#red{

color:red;

}

.red{

color: red;

}

类选择器

作用：根据元素的class属性值选中一组元素

语法：.class属性值{}

通配选择器

作用：选中页面中的所有选择器

语法：*{}

color:red;

}

复合选择器

交集选择器：

作用：选中同时符合多个条件的元素

语法：选择器1选择器2选择器3…

注意：交集选择器中如果有元素选择器，必须以元素选择器开头

div.red{

font-size: 30px;

}

选择器分组(并集选择器)

作用：选择多个选择器对应的元素，逗号连接

h1,span{

color:green;

}

关系选择器

子元素选择器

作用：选中指定父元素的指定子元素

语法：父元素>子元素

兄弟元素选择器：

选择下一个兄弟

语法：前一个+后一个

选择下边所有的兄弟元素

前一个~后一个

属性选择器

[属性名]选择包含指定属性的元素

[属性名=属性值] 选择指定属性为指定属性名的元素

[属性名^=属性值] 选择属性以指定属性名开头的元素

[属性名$=属性值] 选择属性以指定属性名开头的元素

[属性名*=属性值] 选择属性名中包含指定属性名的元素

伪类的选择器

伪类(不存在的类，特殊的类)

用于描述元素的特殊状态

比如，第一个子元素，被点击的元素，鼠标移入的元素

伪类一般情况下以：开头

：first-child

以上这些伪类都是根据所有子元素进行排序的，

比如 ul>li:first-child表示ul的firstchild是li的子元素

:first-of-type

:last-of-type

:nth-of-type()

以上为类的功能和上述类似，不同点是他们在同类型元素中进行排序

:not()否定伪类

将符合条件的元素从选择器中删除

超链接的伪类

:link用来表示没访问过的链接(正常的链接)

:visited用来表示访问过的链接

由于隐私的原因，visited伪类只能修改链接的颜色

:active用来表示鼠标点击

visited和link是a标签独有的属性

hover和active所有属性共有

:hover 用来表示鼠标移入的状态

伪元素：表示页面中一些并不真实存在的元素(特殊位置)

伪元素使用::开头

::first-letter表示第一个字母

::first-line表示第一行

::after元素的结束位置

::before

标签：伪类,color,元素,html,选择器,red,属性

来源： https://blog.csdn.net/weixin_51235620/article/details/116901766

原生滑动选择器 html,html选择器相关推荐

html移动端选择器插件,原生js实现移动端选择器插件
原生js实现移动端选择器插件前言插件功能只满足我司业务需求,如果希望有更多功能的,可在下方留言,我尽量扩展!如果你有需要或者喜欢的话,可以给我github来个star ? 预览准备首先在页面中 ...
原生JS实现移动端选择器插件
原生js实现移动端选择器插件仓库地址在线预览(记得将浏览器切换到手机模式) 预览准备首先在页面中引入css,js文件每次需要弹出该组件时通过new一个实例来生成,代码如下: var data ...
js原生后代选择器_js 后代选择器
CSS规范 - 命名规则使用类选择器,放弃ID选择器ID在一个页面中的唯一性导致了如果以ID为选择器来写CSS,就无法重用.NEC特殊字符:"-"连字符"-"在 ...
HTML选择器属于jq的选择器吗,JQuery 选择器
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能 ...
jQuery概述、优点、使用步骤、入口函数、jQuery对象和DOM对象之间的转换、层级选择器、属性选择器、筛选选择器、节点选择器
jQuery简介: jQuery是一个高效.精简并且功能丰富的javascript库,它提供的API简单易学,且兼容众多浏览器,极大地简化了javascript代码开发,包含内容:HTML 元素选取. ...
day05【JQuery框架】HTML引入Jquery、jQuery与JS区别、基本选择器、层级关系选择器、属性选择器、过滤选择器、对象遍历、Jquery的DOM操作【重点】、Jquery事件绑定
回顾 1. bom对象window对象三种弹框alert()confirm()prompt()二种定时器一次性:setTimout() --- 通过递归实现循环性循环性:setInterval()lo ...
HTML零基础入门之标签、属性选择器、元素选择器
这里写目录标题一.什么是 `HTML5` 二.`HTML5 ` 新增标签三.多媒体音频标签四.多媒体视频标签五.新增 input 标签六.新增表单属性七.`CSS3 ` 属性选择器(上) ...
jQuery选择器探究：TAG选择器和CLASS选择器
(jquery1.6.1版本)假设有一个html文档中存在多个<h1>标签元素,那么当我们敲入$("h1")后在jQuery内部将会执行怎样的逻辑呢? 分析jQuery ...
jQuery选择器和JS选择器
jQuery选择器: jQuery选择器的写法和CSS选择器的写法非常相似,在学习之前了解下CSS选择器,对掌握jQuery选择器是非常有帮助的 (一) 基本选择器:主要包含id选择器.class选择 ...
选择器优先级_CSS选择器优先级指北
来源:大前端FE(gh_f26dd6c6cfbf)欢迎大家一起来学习前端,期待你加入~ 相信大部分人刚开始写 css 的时候应该碰到过这样的问题. 明明只改了一行样式,然后整个页面就变成了这样↓ ...

原生滑动选择器 html,html选择器

原生滑动选择器 html,html选择器相关推荐

最新文章

热门文章