精华内容
下载资源
问答
  • CSS3新子代选择器

    2019-10-04 22:30:24
    :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型,除了<h>标签。 n 可以是数字、关键词或公式 例子一 <!DOCTYPE html> <html> <head> <style> p:nth-...

    :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型,除了<h>标签。
    n 可以是数字、关键词或公式

    例子一
    <!DOCTYPE html>
    <html>
    <head>
    <style> 
    p:nth-child(2)
    {
    background:pink;
    }
    </style>
    </head>
    <body>
    <h1>这是标题</h1>
    <p>第一个段落。</p>
    <p>第二个段落。</p>
    <p>第三个段落。</p>
    <p>第四个段落。</p>
    </body>
    </html>
    

    Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)

    例子二
    <!DOCTYPE html>
    <html>
    <head>
    <style> 
    p:nth-child(odd)
    {
    background:green;
    }
    p:nth-child(even)
    {
    background:pink;
    }
    </style>
    </head>
    <body>
    <h1>这是标题</h1>
    <p>第一个段落。</p>
    <p>第二个段落。</p>
    <p>第三个段落。</p>
    <p>第四个段落。</p>
    <p>第五个段落。</p>
    </body>
    </html>
    

    <h>标签是第一个元素,但不会改变样式


    例子三

    使用公式 (an + b)。描述:表示周期的长度,n 是计数器(从 0 开始),b 是偏移值

    <!DOCTYPE html>
    <html>
    <head>
    <style> 
    p:nth-child(3n+0)
    {
    background:pink;
    }
    </style>
    </head>
    <body>
    <h1>这是标题</h1>
    <p>第一个段落。</p>
    <p>第二个段落。</p>
    <p>第三个段落。</p>
    <p>第四个段落。</p>
    <p>第五个段落。</p>
    <p>第六个段落。</p>
    <p>第七个段落。</p>
    <p>第八个段落。</p>
    <p>第九个段落。</p>
    </body>
    </html>
    

    上面3n+0的意识是:指定了下标是 3 的倍数的所有 p 元素的背景色

    :nth-child(2n)选取偶数标签,2n也可以是even
    :nth-child(2n-1)选取奇数标签,2n-1可以是odd
    :nth-child(3n+1)自定义选取标签,3n+1表示“隔二取一”
    :nth-child(n+4)选取大于等于4标签
    :nth-child(-n+4)选取小于等于4标签
    :last-child选取最后一个标签
    :nth-last-child(3)选取倒数第几个标签,3表示选取第3个

    :nth-child的这些用法在实际中很用得着,不用单独给需要选取的标签加上ID或Class



    作者:hi武林高手
    链接:https://www.jianshu.com/p/2c07849fcb53
    来源:简书
    简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

    转载于:https://www.cnblogs.com/xiaozhang666/p/11320010.html

    展开全文
  • 属于派生选择器中的一种,两者附属关系如下: -->派生选择器 ----CSS 后代选择器 ----CSS 元素选择器 ----CSS 相邻兄弟选择器  那么问题来了,什么时候需要用到后代选择器嘞?假设你需要为p元素中的...

    <新人报到,欢迎拍砖#- ->

    一、后代选择器

      说起CSS的后代选择器。它属于派生选择器中的一种,两者附属关系如下:

    -->派生选择器

     ----CSS 后代选择器

     

     ----CSS 子元素选择器

     ----CSS 相邻兄弟选择器

      那么问题来了,什么时候需要用到后代选择器嘞?假设你需要为p元素中的span元素(.A类)设置特殊样式,可以用后代选择器选择该元素:

    /*方式1*/
    p span
    {...}
    /*方式2*/
    p .A{...}

         注意,上述代码的两个选择器间以空格空格空格分隔。另外,后代选择器使用起来灰常自由。这么说吧,上述例子中p元素不一定必须是span的老爸,只要是span的直系长辈比如爷爷都可以。换句话说,在p元素包含span元素的情况下,后代选择器就可以发挥作用了。

     

    二、多类选择器

      接下来,来说说多类选择器。举个例子:

    .funny{...}
    .handsome{...}
    .funny.handsome{...}

         注意,上述代码的两个选择器间没有没有没有空格分隔。好的,现在有.funny和.handsome这两个类,显然“我是个有趣并且帅的boy,两者缺一都不是我”是一个真命题,所以只有“.funny.handsome”这个多类选择器才可以选择我。但是单独的“.funny”不能选择我,原因见前文提到的真命题,“.handsome”选择器同理。

         好吧不闹了,多类选择器的用处挺多的,比如要设置“1、被点击(.selected);2、按钮(button)”的样式,就可以用:

    button.selected{...}

         这是我在博客园写下的第一篇博文,XD。完毕。

    转载于:https://www.cnblogs.com/wuyq/p/5734043.html

    展开全文
  • 后代选择器(h1 div)和子选择器(h1&gt;p)用法基本没什么区别,唯一的区别是,后代选择器像下面例子这样...p是作用不到p元素的,因为这里的p属于h1子代子代。 &lt;h1&gt; &lt;span&gt; &am

    后代选择器(h1 div)和子选择器(h1>p)用法基本没什么区别,唯一的区别是,后代选择器像下面例子这样作用于div是可以的:

    <h1>
    <div>后代选择器
    </div>
    </h1>

    而子选择器像下面例子,通过h1>p是作用不到p元素的,因为这里的p属于h1子代的子代。

    <h1>
    <span>
    <p>子选择器</p>
    </span>
    </h1>

     

    展开全文
  • ”是选择符,是子选择器结合符,与后代选择器相比,元素选择器(Child selectors)只能选择作为某元素元素的元素。选择元素:如果您不希望选择任意的后代元素,而是希望缩小范围,只选择某个元素的元素...

    CSS是Cascading Style Sheet(层叠样式表)的缩写,CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)。

    css中“>”是子选择符,是子选择器的子结合符,与后代选择器相比,子元素选择器(Child selectors)只能选择作为某元素子元素的元素。

    选择子元素:

    如果您不希望选择任意的后代元素,而是希望缩小范围,只选择某个元素的子元素,请使用子元素选择器(Child selector)。

    例如,如果您希望选择只作为 h1 元素子元素的 strong 元素,可以这样写:h1 > strong {color:red;}

    这个规则会把第一个 h1 下面的两个 strong 元素变为红色,但是第二个 h1 中的 strong 不受影响:

    This is very very important.

    This is really very important.

    效果图:

    子选择器使用了大于号(子结合符)。

    子结合符两边可以有空白符,这是可选的。因此,以下写法都没有问题:h1 > strong

    h1> strong

    h1 >strong

    h1>strong

    如果从右向左读,选择器 h1 > strong 可以解释为“选择作为 h1 元素子元素的所有 strong 元素”。

    展开全文
  • jquery选择器 1. *:匹配所有元素。 #idName:匹配id值是idName的元素。 .className:匹配class值是idName的...child:子代选择器。 ancestor descendants:匹配所有属于ancestor元素的后代descendants元素。 ...
  • css中的选择器

    2021-01-18 11:50:14
    css中的选择器 标签选择器 通过标签名称选择一类元素 标签选择器:通过标签名称选择一类...子代选择器: 元素1>元素2{}:选择元素1的直接子代元素(元素2) 兄弟选择器: 元素1+元素2:选择元素1之后的一个兄弟元素
  • CSS选择器类型

    2016-03-11 11:17:35
    CSS选择器的由选择器与声明组成。声明包括属于与值两部分:selector{property:value} ...子选择器:语法为;selector>html标签{CSS样式代码};即大于符号(>),用于选择指定标签的第一代子元素;
  • 2. 子代选择器 3. 交集选择器 4. 并集选择器 后代选择器 后代皆可为选择器 效果 语法 <style> 父级 后代级 后代级...{} </style> 子代选择器 只管好属于自己的那一部分 效果 语法 <style> ...
  • 前端第五天

    2020-08-14 19:58:40
    后代、子代选择器:所有被>或者空格隔开的选择器的权重之和 后代选择器比较权重的时候:先比较第一大独立选择器,如果第一大相同,就比第二大的选择器,依次类推。 一、认识js 1.什么是js js是JavaScript的缩写,...
  • emmet常用语法

    2020-09-27 17:18:22
    -什么是emmet语法 使用类似于CSS选择器的语法来描述生成的树和元素属性中的元素位置(快速构建html结构的快捷语法) ...div+p表示div下有子代div和p标签,子代div和p标签属于同级 3.返回上级操作符:^ 例:d...
  • 下面不属于基本类型的是:c (选择1项) A) boolean B) long C) String D) byte 题目2:d 如下程序中: (1)public class CharToInt (2){ (3) public static void main(String[] args) (4) { (5) int a,b=...
  • 会计理论考试题

    2012-03-07 21:04:40
    选择题 1.计算机感染病毒后会产生各种现象,以下不属于病毒现象的是__D__。 A、文件占用的空间变大 B、发生异常蜂鸣声 C、屏幕显示异常图形 D、机内的电扇不转 2. Windows98支持下面___C__网络协议。 A、...
  • 迄今为止,计算机的发展已经经历了电子管计算机、晶体管计算机、集成电路计算机、大规模集成电路计算机、超大规模集成电路计算机等数,仍尚未冲出冯·诺依曼体系,当前市场上常见的大多数型号的单片机也还遵循着冯...
  • 网络设计师考试资料-典型选择题及答案(一) (1) 我国在1991年建成第一条与国际互联网连接的专线,与斯坦福大学连接成功,实现者是中国科学院的  A) 数学所 B)物理所  C) 高能所 D)情报所  Key:C  (2) 下列...
  • 20、修正添加文章时添加类别在火狐和谷歌浏览下类别名为乱码 21、修正文章分类和产品分类模块调用数据不同步生效问题 22、修正数据库备份/恢复文字表达引起客户误解为整站数据备份问题,此功能仅针对数据库...
  • 20、修正添加文章时添加类别在火狐和谷歌浏览下类别名为乱码 21、修正文章分类和产品分类模块调用数据不同步生效问题 22、修正数据库备份/恢复文字表达引起客户误解为整站数据备份问题,此功能仅针对...
  • 建站之星(SiteStar) 网站建设系统前后历经三年时间进行开发, 该系统能让用户在短时间内迅速架设属于自己公司的企业网站。系统易学易懂,用户只需会上网、不需学习编程及任何语言,只要使用该系统平台,只要会打字...
  • iPhone开发秘籍(第2版)--源代码

    热门讨论 2012-12-11 13:51:22
    3.3 方法、消息和选择器 73 3.3.1 动态类型检查 74 3.3.2 继承方法 75 3.3.3 声明方法 76 3.3.4 实现方法 76 3.3.5 类方法 78 3.3.6 快速枚举 78 3.4 类层次结构 79 3.5 日志信息 79 3.6 属性 81 3.6.1 ...
  • 原理是初始化颜色选择按钮,然后为颜色选择按钮增加事件处理事件,最后实例化颜色选择器。 Java二进制IO类与文件复制操作实例 16个目标文件 内容索引:Java源码,初学实例,二进制,文件复制 Java二进制IO类与文件复制...
  • JAVA上百实例源码以及开源项目

    千次下载 热门讨论 2016-01-03 17:37:40
    原理是初始化颜色选择按钮,然后为颜色选择按钮增加事件处理事件,最后实例化颜色选择器。 Java二进制IO类与文件复制操作实例 16个目标文件 内容索引:Java源码,初学实例,二进制,文件复制  Java二进制IO类与文件...
  • Python Cookbook

    2013-07-31 22:33:26
    10.8 选择性地复制邮箱文件 383 10.9 通过邮箱创建一个邮件地址的白名单 384 10.10 阻塞重复邮件 386 10.11 检查你的Windows声音系统 388 10.12 在Windows中注册和反注册DLL 388 10.13 检查并修改Windows自动...
  • PhysicsFS:对各种归档提供抽象访问的库,主要用于视频游戏,设计灵感部分来自于Quake3的文件系统。 KArchive:用于创建,读写和操作文件档案(例如zip和 tar)的库,它通过QIODevice的一系列子类,使用gzip格式...
  • Invoke:用于管理面向 shell 的进程,同时支持将可执行的 Python 代码组织成命令行可调用的状态。 tmuxp: tmux 会话管理。 高级 CLI httpie:一个命令行 HTTP 客户端,cURL 的替代品,易用性更好。 i...
  • 修改BUG:在IDE中打开源代码文件(.e)后,高级选择夹组件不能正确切换到“现行夹”属性设定的夹。 9. 修改BUG:矢量动画支持库中的“矢量编辑框”组件在光标位于组件右下角时按右光标键进入下一行会导致显示...
  • 实例072 FreeTextBox组件(文本编辑)的简单使用 实例073 ASP.NET生成静态网页 实例074 获取服务器名称、客户端名称和IP地址 实例075 ASP.NET实现断点续传 第3章 ASP.NET与Word文件交互操作 3.1 Word文档...
  • LINGO软件的学习

    2009-08-08 22:36:50
    当采用方式①时,必须显式罗列出所有要包含在派生集中的成员,并且罗列的每个成员必须属于稠密集。使用前面的例子,显式罗列派生集的成员: allowed(product,machine,week)/A M 1,A N 2,B N 1/; 如果需要生成一个大...
  • PotPlayer v1.5 绿色版

    2010-08-14 16:47:50
     A:于主画面按右键->参数选项>第二栏播放->往下看到滤镜解码管理->跳出新窗口,看到第三栏视讯播放->往下看到内建DXVA解码设置->跳出新窗口,使用条件,选择为总是使用。  Q:为什么PotPlayer自动更新后会...
  • 精易模块[源码] V5.15

    2015-03-21 22:03:37
    5、公开程序(字节集_到文本|字节集_到整数|字节集_取左边|字节集_取右边|字节集_取空白|字节集_取长度|字节集_取中间|字节集_替换|字节集_寻找|字节集_取指针)模块原有命令。 6、修正“文本_取中间_批量”当参数...
  • 7.3.2 选择加密方式 254 7.4 重用转储文件 256 7.5 重映射数据 257 7.6 重映射表 259 7.7 分区的导出和导入 259 7.8 忽略错误 262 7.9 基于Data Pump的外部表 262 第8章 Oracle Streams 268 8.1 同步捕捉 ...

空空如也

空空如也

1 2 3
收藏数 54
精华内容 21
关键字:

属于子代选择器