选择器主题的文章列表，还有选择器的技术要点_第4页

CSS中一些利用伪类、伪元素和相邻元素选择器的技巧

前几天遇到一个页面需求是这样的：一个评论框，后面的按钮有点赞或者发送评论两种状态，其中发送按钮有根据输入框中是否有字分为可点击和不可点击两种状态。需求：没有文字，没有聚焦——点赞没有文字，聚焦——灰色发送有文字——红色发送如果用js实现，需要监听输入框的change和focus事件，比较麻烦。但是用css中的伪类就可以...

代码星球 ·2020-12-24

CSS选择器与CSS的继承,层叠和特殊性

什么是选择器?选择器{样式;},在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素，类似这样body{color:pink;font-size:16px;};:标签选择器其实就是html代码中的标签,比如<html>、<body>、&...

代码星球 ·2020-12-24

css选择器中:first-child与:first-of-type

css选择器中:first-child与:first-of-type是比较容易混淆的概念，这里用案例介绍它们具体的区别。:first-child选择器是css2中定义的选择器，从字面意思上来看也很好理解，就是第一个子元素。比如有段代码：<div><p>第一个子元素</p><h1...

代码星球 ·2020-12-24

原生的强大DOM选择器querySelector

在传统的JavaScript开发中，查找DOM往往是开发人员遇到的第一个头疼的问题，原生的JavaScript所提供的DOM选择方法并不多，仅仅局限于通过tag,name,id等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式，或者使用某个库。事实上，现在所有的浏览器厂商都...

代码星球 ·2020-12-17

jquery奇数、偶数选择器

jquery:even选择器选择每个相隔的（偶数）元素:even选择器选取每个带有偶数index值的元素（比如2、4、6）。index值从0开始，所有第一个元素是偶数(0)。最常见的用法：与其他元素/选择器一起使用，来选择指定的组中偶数序号的元素jquery:odd选择器选择每个相隔的（奇数）元素:odd选择器选取每个...

代码星球 ·2020-11-22

jQuery :lt和gt 选择器的使用（可用于对象的包含或排除等）

1、https://www.w3school.com.cn/jquery/selector_lt.asp会选取index值小于指定数的元素，如下所示：选取前4个元素对象var$SSli=$("#SS>ulli:lt(3)"); 2、https://www.w3school.com.cn/jquery/s...

代码星球 ·2020-11-22

用css3选择器给你要的第几个元素添加不同样式方法【转发】

下面我们来了解一下css选择器里面的几个:only-childp:only-child选择属于其父元素的唯一子元素的每个<p>元素。3:nth-child(n)p:nth-child(2)选择属于其父元素的第二个子元素的每个<p>元素。3:nth-last-child(n)p:nth-last-...

代码星球 ·2020-11-22

日期选择器date、week、time、datetime、datetime-local类型

下面只写两个类型的代码案例，其他都大同小异date类型：<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>hello</title></head><body&...

代码星球 ·2020-11-21

小知识随手记（九）：兄弟选择器（~和+）区别、forEach无法return和break的替换方法、html结构转为markdown语法、离开当前页面提示

一、CSS选择器之兄弟选择器（~和+）　　以前还没注意，兄弟元素选择器~和+的区别：　　‘+’选择器：表示某元素后相邻的兄弟元素，也就是紧挨着的，是单个的。　　‘~’选择器：则表示某元素后所有同级的指定元素，强调所有的。二、forEach无法return或break跳出循环的替换方法　　我们都知道for循环里要跳出整个...

代码星球 ·2020-11-21

最全CSS3选择器

一，CSS3选择器分类二，选择器语法1，基本选择器语法选择器类型功能描述* 通配选择器选择文档中所以HTML元素E 元素选择器选择指定类型的HTML元素#id ID选择器选择指定ID属性值为“id”的任意类型元素.class 类选择器选择指定class属性值为“cla...

代码星球 ·2020-11-05

selector状态选择器

Selectorselector就是状态选择器（StateList），它分为两种，一种Color-Selector和Drawable-Selector。Color-Selectorcolor-selector，颜色状态选择器，可以跟color一样使用，颜色会随着组件的状态而改变。文件的位置存储/res/color/fi...

代码星球 ·2020-11-02

时间选择器UIDatePicker的使用

UIDatePicker这个类的对象让用户可以在多个车轮上选择日期和时间。iPhone手机上的‘时钟’应用程序中的时间与闹铃中便使用了该控件。使用这个控件时，如果你能配置正确，当用户滚动车轮到一个新的日期或者时间上时，利用UIControlEventValueChanged触发事件。UIDate...

代码星球 ·2020-10-22

Python爬虫小白入门（十三）Python 爬虫 – 使用CSS选择器

BeautifulSoup对象支持使用CSS选择器查找标签。这些选择器是CSS语言中使用的指定HTMLTag样式的方式。下面是一些例子:pa —在p标记中找到所有的a标签。bodypa —在body标记内的p标记内查找所有a标签。htmlbody —查找...

代码星球 ·2020-09-19

spark机器学习从0到1特征选择-卡方选择器（十五）

卡方检验的基本公式，也就是χ2的计算公式，即观察值和理论值之间的偏差卡方检验公式其中：A为观察值，E为理论值，k为观察值的个数，最后一个式子实际上就是具体计算的方法了n为总的频数，p为理论频率，那么n*p自然就是理论频数（理论值）卡方分布：可以看出当观察值和理论值十分接近的时候，也就是我...

代码星球 ·2020-09-19

CSS的子选择器与后代选择器的区别

来源于：http://www.jianshu.com/p/599654ba5f4a一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码：.food>li{border:1pxsolidred;}这行代码会使class名为food下的子元素（...

代码星球 ·2020-09-13