<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .test:nth-of-type(1) { background: pink; }
3.跟表单相关的选择元素:表单相关前面都加一个冒号 选择表单中所有的input元素: $(':input'),注意这里的button按钮也被看成是input元素 $(':button') 找到的就是页面上所有的重置按钮和注册按钮 $(':submit') 找到所有的提交类型的按钮 $(':reset') 选择所有的重置按钮 一切的
//建立两个文本框,两个空按钮,并绑定id <input type="text" id="cpu"> <input type="text" id="nth" disabled> <button id="dd">点击验证</button> <button id="tt">登陆</button> <script
css层级选择器理论{#ek) E:first-child : 匹配的是E元素,E元素是父元素的第一个子元素 说明:利用 :first-child 这个伪类,只有当元素是另一个元素的第一个子元素时才能匹配。例如,p:first-child 会选择作为另外某个元素第一个子元素的所有 p 元素。一般可能认为这会选择作为段落第一
HTML代码、 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=&quo
css的书写形式 内嵌式 外链式 可以将css单独存为.css文件,然后用标签引入 <link rel="stylesheet" href="css/css.css"> 优点:可以有多个css文件 3. 导入式 会过几秒才看见有样式的网页 4. 行内式 直接通过style写在标签身上 css3的基本语法 css选择器 标签选择器 选中所
结构化伪类选择器: 4、:first-child选择器和:last-child选择器::first-child选择器和:last-child选择器分别用于为父元素中的第一个或者最后一个子元素设置样式。 代码示例: <!doctype html> <html> <head> <meta charset="utf-8"> <title>first-child和last-child选择器的使用</ti
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
选择器 css中的选择器有 id选择器,类(Class)选择器,属性选择器,通配符选择器,伪类选择器,伪选择器,群组选择器,后代选择器等。 这边要强调下 伪类选择器:简而言之的是它可以创建一个简单的一个元素的标签,如:after和:bfore 伪选择器:简而言之的是它描述的是一个标签的动态,如: :link,:fo
#include<iostream> #include<algorithm> using namespace std; int main() { int array[] = {5,6,7,8,4,2,1,3,0}; int len=sizeof(array)/sizeof(int); cout<<"排序前: "; for(int i=0; i<len; i++) c
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> :root{font-family:"楷体";} h3:before{content: url(img/密码框小眼睛.png);} p:nth
a :nth-child(1) 选择a内部的第一个子元素,不限定子元素的型 a li:nth-child(1 选择a内部的第二个li元素,不能是其他标签 a li:first-child 选择第一个li元素 a li:last-child 选择最后一个li元素 a li:nth-child(n) 选择a标签下的所有li元素 a li:
CSS3的新特性 CSS3的现状: 新增的CSS3特性有兼容性问题,ie9+才支持 移动端支持优于PC端 不断改进中 应用相对广泛 一、CSS3新增的选择器 CSS3新增的选择器: CSS3新增了一些选择器,可以更加便捷,更加自由选择目标元素。 1、属性选择器 2、结构伪类选择器 3、伪类
nth-of-type与nth-child的区别 某个元素:nth-of-type(n)这个CSS 伪类是针对具有一组兄弟节点的标签, 用 n 来筛选出在一组兄弟节点的位置。选择器选取父元素的第 n 个指定类型的子元素。 某个元素:nth-child(n)这个CSS 伪类首先找
html,body {width: 100%;height: 100%;} * {margin: 0;padding: 0;} .box{ position: absolute; height: 200px; width: 200px; top: 50%; left: 50%; margin-left: -100px; margin-top: -100px; transform-style: preserve-3d; background: #eee; box-sizing: border-box; t
选择器 选择器 描述 * 选择所有 element 标签选择器 #id id选择器 .class 类 .class1.class2 交集选择 .class1 .class2 后代选择 element,element 并集选择 element>element 子一级选择 element1+element2 1之后的首个2元素(同级) element1~element2 1之
CSS高级属性 1.旋转,缩放,移动 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" 6 content="width=device-width, user-scalable=no, initi
<template> <view class="container" v-show="loadingShow"> <view class="load"> <text></text> <text></text> <text></text> <text></text> <text
Given an integer n, return the nth digit of the infinite integer sequence [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, …]. Example 1: Input: n = 3 Output: 3 Example 2: Input: n = 11 Output: 0 Explanation: The 11th digit of the sequence 1, 2, 3, 4, 5, 6, 7, 8
3D旋转:父元素设置透距perspective:160vmin,子元素设置3D模式transform-style: preserve-3d 近清晰远模糊:通过filter:blur实现模糊,filter:contrast实现更清晰,通过animation-delay:-ns;从指定时间立即开始动画,通过时间差实现,近清晰,远模糊 效果图: 代码示例: body {
例1 选择title属性值为 honor/荣耀的span元素 document.querySelector("#sale-card .next-cascader-menu li span[title='honor/荣耀']").click() 例2 css伪类选择器 li:nth-child(even)偶数 li:nth-child(odd)奇数
css中的nth-child和nth-of-type用于选择父元素下第n个子元素,但是对于他们的理解却不够深入,所以通过这个下面的示例详细展示一下他们的效果。 一、准备页面 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-C
网页登录,进入自己的追番列表 然后进入开发者模式的控制台页面中,输入下面的代码执行,等待一个一个的取消 (function cl() { let e = document.querySelector("#page-bangumi > div > div.section.bangumi > div > div > ul > li:nth-child(1) > div > ul > li:nth-chi
css选择器和伪类 1、几个难记的选择器 > 直接后代选择器 + 相邻选择器(下一个兄弟) ~ 兄弟选择器(以它为标准,往下数所有的兄弟) 2、基本使用顺序 伪元素使用规则:lv ha (即love hate规则)link ,visited ,hover , active 3、特殊注意 :visited选择器只有以下三个选择器起作用 color
CSS :first-child 选择器 选择属于其父元素的首个子元素的每个 <p> 元素,并为其设置样式: p:first-child { background-color:yellow; } nth-child() 选择器 :nth-child(n) 选择列表中的偶数标签 :nth-child(2n) 选择列表中的奇数标签 :nth-child(2n-1)