展开

关键词

CSS3关系、属性

属性属性可以根据元素的属性和属性值来元素,CSS3中新增的3种属性:E属性是指名称为E的标记中的att属性,att属性值包含前缀为value的子字符。 E是属性值包含后缀为value的子字符E是属性值包含value的子字符,例如:div表示匹配包含id属性,且id属性值包含section字符的div元素。 ⚠️以上三种属性E都是可以省略的,若省略则表示可以匹配满足条件的任意元素。关系1.子代(>)子代主要用来某个元素的第一级子元素。 这是一个例子。这又是一个例子。 临近兄弟(+):该使用‘+’来链接前后两个中的两个元素有同一父亲,而且第二个元素必须紧跟第一个元素。 (老大跟老二,老二跟老三) 普通兄弟(~):该使用‘~’来链接前后两个中的两个元素有同一父亲,但第二个不必紧跟第一个元素。

7620

css3-范围 原

(adsbygoogle = window.adsbygoogle || []).push({});

33210
  • 广告
    关闭

    腾讯云前端性能优化大赛

    首屏耗时优化比拼,赢千元大奖

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaWeb——JQuery之五种的应用及实践案例总结(基本、层级、属性、过滤、表单过滤

    2.1 基本基本包括三类:1)标签:$(html标签名),获得所有匹配标签名称的元素;2)id:$(#id的属性值),获得与指定id属性值匹配的元素;3)类:$(.class 的属性值),获得与指定的class属性值匹配的元素;4)并集:$(1,2),获取多个中的所有元素。 2.3 属性属性包括三类:1)属性名称:$(A),包含指定属性的2)属性:$(A),包含指定属性等于指定值的3)复合属性:$(A).css(backgroundColor 2.4 过滤过滤包含9类:1)首元素:  :first ,获得的元素中的第一个元素2)尾元素:  :last ,获得的元素中的最后一个元素3)非元素:  :not( 2.5 表单过滤表单过滤包括4类:1)可用元素::enabled,获得可用元素;2)不可用元素::disabled,获得不可用元素;3)::checked,获得单中的元素

    19430

    微信小程序----picker(picker、省市区)(MUI

    实现原理 利用微信小程序的picker组件,其中: 1,普通:mode = selector实现一级实例; 2,省市区:mode = region实现省市区三级动; 3, 多列: WXML 一级实例 {{countryList}} 省市区三级 {{region}} - {{region}} - {{region}} 自定义二级 {{multiArray]}} : , 多列(三级动)列表设置,及初始化 multiArray3: , , ], multiIndex3: }, 国家函数 changeCountry(e){ this.setData ,组件不够全面,所以在做日期时,需要注意; 2,解决日期和时间结合的方法,利用多列实现; 3,由于多列的数据采用的是二维数组,所以不能直接实现动效果,需要对数据判断处理。 合理的利用多列,picker组件提供的其他四种都能实现!

    42520

    flutter日期 flutter时间

    本文实例为大家分享了flutter日期时间的具体代码,供大家参考,具体内容如下 1 日期? BuildContext context) async { final DateTime dateTime = await showDatePicker( context: context, 定义控件打开时默认日期 initialDate: initialDate, 定义控件最早可以的日期 firstDate: DateTime(2018, 1), 定义控件最晚可以的日期 lastDate: DateTime = initialDate) {} }2 时间?

    91910

    自定义三级动地址

    utm_source=gank.io&utm_medium=email),于是乎自己也不能光看别人的demo啊,所以自己也就撸了一个带有滑动的地址的view了。view的来源gif图:? 标本地址.gif看到这的时候,我就大致有点思路了,所以自己的地址view也是能登场了。自己撸的view:? 自己撸的地址view.gif由于这个地址的数据量太大了,我就随便弄了几个城市的数据。后续可以继续添加其他的数据。1使用布局:?对MultiSelectView中内容的监听?数据源的处理:?

    18230

    第91天:CSS3 属性、伪类和伪元素

    一、属性其特点是通过属性来元素,具体有以下5种形式:1、E 表示存在attr属性即可; div2、E 表示属性值完全等于val; div3、E 表示的属性值里包含val字符并且在“任意”位置; div4、E 表示的属性值里包含val字符并且在“开始”位置; div5、E 表示的属性值里包含val字符并且在“结束”位置;  div二、伪类除了以前学过的:link、:active、:visited 、:hover,CSS3又新增了其它的伪类。 first-child   第一个子元素E:last-child    最后一个子元素E:nth-child(n)   第n个子元素,计算方法是E元素的全部兄弟元素; div>ul>li:nth-child(3){  中第三个 li  color: deeppink;} E:nth-last-child(n) 同E:nth-child(n) 相似,只是倒着计算;div>ul>li:last-child(2){  中倒数第二个

    54730

    css3

    CSS3新增属性 E只使用属性名,但没有确定任何属性值 E指定属性名,并指定了该属性的属性值 E指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value ”不能不写 E指定了属性名,并且有属性值,属性值是以value开头的 E指定了属性名,并且有属性值,而且属性值是以value结束的 E指定了属性名,并且有属性值,而且属值中包含了value 结构性伪类 注意:子节点不包含文本节点伪类 E:target 表示当前的URL片段的元素类型,这个元素必须是E E:disabled 表示不可点击的表单控件 E:enabled 表示可点击的表单控件 E:checked 表示已中的checkbox或radio伪元素 E::first-line 表示E元素中的第一行 E::first-letter 表示E元素中的第一个字符 E::selection表示E元素在用户中文字时

    20920

    jQuery

    通过css取元素(1) 基本(2) 层次(3) 属性2.  通过 过滤呢亲元素(1) 基本过滤(2) 可见性过滤详解:通过css取元素jQuery支持大多数css最常用的有:基本,层次和属性在jQuery中它们构成的规则于 主要包括:(1) 标签(2) 类(3) Id(4) 并集(5) 全局? 通过DOM之间的层次关系来获取元素2. jQuery有四种常用的层次:(1) 后代(2) 子(3) 相邻(4) 同辈? 层级之间的相似与不同点: 1)层级都有一个参考节点 2)后代包含子的内容 3)一般兄弟包含相邻兄弟的内容 4)相邻兄弟和一般兄弟到的元素,必须在同一个父元素下

    70290

    Jquery

    1、  基本 描述 结果 示例 #id 根据id获取元素 单个 $(“#myid”)取id的值为myid的元素 .class 根据class获取元素 集合 $(“.myclass”)取 ,.myclass,#id等 获取对应标签元素 集合 $(“a,.myclass,#myid”)获取a、class的值为myclass以及id为myid的元素集合 2、  层次 描述 结果 描述 结果 示例 :first 取第一个元素 单个 $(“div:first”)取div元素中第一个div :last 取最后一个元素 单个 $(“div:last”)取div元素中最后一个 parent 取含有子元素或者文本的元素 集合 属性过滤 描述 结果 示例 取拥有此属性的元素 集合 $(“div”)取拥有id属性的div 取属性值是value的元素 集合 $(“ (下拉列表) 集合 $(“select  option:selected”) 4、  表单 描述 结果 示例 :input 取input、textarea以及select和button元素

    52760

    css

    下面是一张取自w3cschool的css表链接地址:http:www.w3school.com.cncssrefcss_selectors.asp 例子 例子描述 CSS .class . 1 #id #firstname id=firstname 的所有元素。 1 * * 所有元素。 2 element p 所有 元素。 2 带有 target 属性所有元素。 2 target=_blank 的所有元素。 2 title 属性包含单词 flower 的所有元素。 2 lang 属性值以 en 开头的所有元素。 2 :link a:link 所有未被访问的链接。 1 :visited a:visited 所有已被访问的链接。 3 a 其 src 属性值以 https 开头的每个 元素。 3 a 其 src 属性以 .pdf 结尾的所有 元素。 3 a 其 src 属性中包含 abc 子的每个 元素。

    32260

    jQuery

    基本 基本是最简单的,可以通过元素id、class和标签名等来直接查找DOM元素。元素根据给定元素名匹配元素。如下的是所有div元素。 层次 如果想利用DOM元素之间的层次关系来获取特定元素,例如后代元素、子元素、相邻元素和同辈元素等,可以使用层次。 过滤 基本过滤 描述 实例 :first 取第一个元素。 $(div:first)取所有元素中第一个元素。 :last 取最后一个元素。 $(div})取属性title含有test的元素。 取属性等于给定字符或以该字符为前缀的元素。 $(div})取属性title等于en或以en为前缀的元素。 子元素过滤 描述 实例 :nth-child(indexevenoddequation) 取每个父元素下的第index个子元素或奇偶元素。

    29780

    css

    详解    1.通配符        *{...}    2.标记        标记名称{...}    3.class        .class值{...}    4.id         作用            匹配指定id的样式        语法            #id值{...}    5.群组        定义一组的样式        语法            1,2{...}    6.后代        根据元素出现的位置关系来匹配        语法            1 2{...}        说明:至少是父子关系    7.子代        说明:必须是父子关系        语法            1>2{...}    8.伪类        1.链接伪类            id        100        内样式        1000    10.!

    17850

    CSS

    全部标签,例如:中所有的div加样式 id,例如:中id叫做div1的标签标签加样式 class,例如:中id叫做div1的标签标签加样式 >: 表示只当前标签的下一级标签 例如 ul>li{} 空格:表示中当前标签下所有标签 例如 ul li{} ,:表示,前后的标签全被中 例如 .myClass,#myId ,ul ,ul>li

    16920

    HTML5

    最近刚开始学习HTML5,记录一下自己学习的笔记,方便以后查阅: 首先的常用分类:标签div{ color: red; }类.one{ color: yellow; }id,注意 id是唯一的标示,不能用于其他标签#main{ font-size: 40px; }后代#test1 div{ color: black; font-size: 50px; }属性div{

    30670

    JQuery

    1    $(*)      ---------取所有元素2   $(this)     --------当前HTML元素3   $(p.a)   -----取p元素下class为a的元素4    $(p:first)  ----取第一个p元素5   $(ul li:first-child) ----取ul下第一个li元素6  $(tr:even)  -------取偶数位置下的tr7 $( tr :odd)   --------取奇数位置的tr

    15110

    CSS

    二、基本表 基本 说明 示例 * 通用(所有元素) * {padding: 4px;} 元素类型 a {border: thin black solid; } . 用于取带有指定属性和值的元素。 用于取属性值中包含指定词汇的元素。 定义attr属性,且属性值为连续字符分割的多个值,其中第一个为字符val的元素。 三、复合 说明 示例 , 并集 a, { padding: 4px; } 后代 p span { color: blue; } > 子代 p > span { color : blue; } + 相邻兄弟 p + span { color: blue; } ~ 普通兄弟 p ~ span { color: blue; } 示例:后代&子代 相邻兄弟紧跟在某元素之后的元素;普通兄弟:匹配的元素在指定元素之后,不一定相邻。四、伪元素分两种:伪元素和伪类。1.

    27451

    HTML5

    CSS回顾ID类名:多类(.class1.class2)不被ie6支持标签(元素)组合(后代)通配符直接子元素 >:ie6不支持相邻兄弟 +:ie6不支持属性伪元素伪类 CSS新增通用兄弟(关:~,后面的所有的子元素属性(新增的):E:指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词,而且等号前面的 而且属性值是以value结束的;E:指定了属性名,并且有属性值,而且属值中包含了value;E:指定了属性名,并且属性值是value或者以“value-”开头的值(比如说zh-cn);注意:IE6不支持所有的属性 :nth :first-child 某个元素的第一个子元素;:last-child 某个元素的最后一个子元素;:nth-child() 某个元素的一个或多个特定的子元素; :nth-child :not 否定UI元素状态伪类我们把:enabled,:disabled,:checked伪类称为UI元素状态伪类,这些主要是针对于HTML中的Form元素操作,最常见的比如我们“type=”text

    32330

    jquery

    jquery用法思想某个网页元素,然后对它进行某种操作jqueryjquery可以快速地元素,规则和css样式相同,使用length属性判断是否成功。 $(#myId) id为myId的网页元素$(.myClass) class为myClass的元素$(li) 所有的li元素$(#ul1 li span) id为为ul1元素下的所有li 对集进行过滤$(div).has(p); 包含p元素的div元素$(div).not(.myClass); class不等于myClass的div元素$(div).filter(.myClass ); class等于myClass的div元素$(div).eq(5); 第6个div元素上面演示如何使用jquery来上元素,那么下面继续来演示一下集的过滤。 集转移$(div).prev(); div元素前面紧挨的同辈元素$(div).prevAll(); div元素之前所有的同辈元素$(div).next(); div元素后面紧挨的同辈元素

    20520

    jquery

    ,点击事件 $(.demo).click(function(){ alert() }) ?(#tt).length>0){}? image.png属性过滤 div div div div?image.png层次?image.png? image.png$(.one).next(div) nextAll()过滤:first :last :eq(1) :lt(1) :gt(1)?image.png? image.png内容过滤 :contains() :has()?image.png可见性过滤 :hidden :visible?image.png子元素过滤?image.png? image.png表单 :input :text :password :radio :checkbox :submit?image.png----表格隔行变色?

    12720

    相关产品

    • 云服务器

      云服务器

      腾讯云服务器(CVM)为您提供安全可靠的弹性云计算服务。只需几分钟,您就可以在云端获取和启用云服务器,并实时扩展或缩减云计算资源。云服务器 支持按实际使用的资源计费,可以为您节约计算成本。

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      扫码关注云+社区

      领取腾讯云代金券