首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML5选择器

:ie6不支持 属性选择器 伪元素选择器 伪类选择器 CSS新增选择器 通用兄弟(关联)选择器:~,选择后面的所有的子元素 属性选择器(新增): E[attr~="value"]:指定属性,并且具有属性...[attr$="value"]:指定了属性,并且有属性,而且属性是以value结束; E[attr*="value"]:指定了属性,并且有属性,而且属中包含了value; E[attr|=..."value"]:指定了属性,并且属性是value或者以“value-”开头(比如说zh-cn); 注意:IE6不支持所有的属性选择器 :nth选择器 :first-child 选择某个元素第一个子元素...; :last-child 选择某个元素最后一个子元素; :nth-child() 选择某个元素一个或多个特定元素; :nth-child(length);/*参数是具体数字*/ :nth-child...() 选择某个元素一个或多个特定元素,从这个元素最后一个子元素开始算; 其实这种使用:nth-child使用是一样,也可以使用:nth-child那些表达式使用方法,唯一不同是这种指定了元素类型而以

1.4K30

css3 选择器

) 类选择器是以一独立于文档元素方式来指定样式,使用类选择器之前需要在html元素上定义类,换句话说需要保证类在html标记中存在,这样才能选择类 <li class="active important...: blue; color:yellow;font-weight:bold;}  3、E[attr~="value"]:指定属性,并且具有属性,此属性是一个词列表,并且以空格隔开,其中词列表中包含了一个...就相匹配,没有波浪(~)属性要完全是value才匹配。...; .demo li:last-child {background: green; border: 2px dotted blue;}  3):nth-child()选择某个元素一个或多个特定元素...4):nth-last-child()选择某个元素一个或多个特定元素,从这个元素最后一个子元素开始算; .demo li:nth-last-child(4) {background: lime;

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

【Java 进阶篇】CSS 选择器详解

2.2 类选择器 类选择器允许你选择具有特定元素。类选择器以点 . 开头,后面跟随类。...属性选择器 属性选择器允许你选择具有特定属性元素属性选择器使用方括号 [],并在方括号内指定要匹配属性属性。...以下是一些常见属性选择器示例: 4.1 属性选择器 属性选择器允许你选择具有特定属性元素属性选择器使用方括号 [],并在方括号内指定要匹配属性属性。...以下是一些常见属性选择器示例: 4.1.1 属性存在选择器 属性存在选择器([attribute])用于选择具有指定属性所有元素,而不考虑其。...结合选择器 你可以结合多个选择器来更精确地选择元素。这是一些常见结合选择器示例: 7.1 选择多个 如果一个元素具有多个,你可以将它们组合在一起选择。

21420

HTML5与CSS3权威指南【笔记】

,可以用form指定表单id 2.formaction属性:按扭元素可以指定不同action 3.formmethod属性:按扭元素可以指定不同method 4.placeholder属性文本框处于未输入状态时文本框中显示输入提示...5.autofocus属性页面打开,控件自动获得光标焦点,一个页面只能有一个控件具有属性,不要滥用 6.list属性:为单行文本增加一个list属性,该属性为某个datalist元素id...10.output元素,定义不同类输出,比如计算结果或脚本输出 B.表单验证 1.required属性:非空验证 2.pattern属性:通过正则检查内容 3.min与max属性:在数值日期控件中使用...(n),在计算子元素只针对同类元素计算 :only-child,:only-of-type,让样式只对唯一子元素起作用实现方法 6.UI元素伪类选择器: E:hover,当鼠标移动到元素上面所使用样式...E:active,指定元素被激活(元素在鼠标上按下还没松开) E:focus,指定元素获得光标焦点使用样式 E:enabled,元素牌可用状态样式 E:disabled,元素牌不可用状态样式

2.1K20

前端面试之CSS重点概念精讲

元素默认display是table 基本特征:一个水平流上只能「单独显示」一个元素多个块级元素则换行显示 由于块级元素具有换行特性,配合clear属性用来清除浮动 .clear::...❝一个存在于每个「行框盒子」前面,同时具有元素「字体」「行高」属性「0宽度内联盒」 ❞ 「行框盒子(line box)」,每一行就是一个行框盒子,每个行框盒子又是由一个个内联盒子组成。...) text-overflow:ellipsis:文本溢出,显示省略符号来代表被修剪文本 white-space:nowrap:设置文本不换行 overflow:hidden:元素内容超过容器宽度高度限制时候...:78px; // 不能缺 } 多个块级元素-水平居中 // xx 会被后续特定替换 块1 <...(这避免不了) 浏览器「窗口尺寸变化」(因为回流是根据视口大小来计算元素位置大小获取一些特定属性 offsetTop、offsetLeft、 offsetWidth、offsetHeight

2.4K30

html5 新特性

元素中添加一个或多个       2.contains(class) 返回布尔,判断指定是否存在 可能:           true - 元素包已经包含了该类           ...false - 元素中不存在该类       3.item(index) 返回类元素索引。...移除元素中一个或多个       5.toggle(class,true| false) 在元素中切换类         第一个参数为要在元素中移除,并返回 false。           ...如果该类存在则会在元素中添加类,并返回 true。         ...数量不受限制,在控制渲染数据时候提供了非常强大控制     dataset 获取属性: \     <div id="day2-meal-expense" data-drink="coffee"

1.8K100

文档对象模型

任何节点都属于它所在文档,任何节点都不能同时存在于两个或更多个文档中。...元素class属性包含所有指定标识符才匹配。HTML元素class属性是一个以空格隔开列表,可以为空或包含多个标识符。...id 元素在文档中唯一标识符 title 有关元素附加说明信息 className 与元素class特性对应 src img元素具有属性 alt img元素具有属性 lang 元素内容语言代码...1)取得自定义属性 getAttribute() 参数为实际元素属性,calss,name,id,title,lang,dir一般只有在取得自定义特性情况下,才会用该方法大多数直接使用属性进行访问...两个参数,第一个参数为要设置特性,第二个参数为对应

1.1K40

MATLAB快速入门----处理图形对象

处理图形对象 图形对象 图形对象是用于显示图形基本元素。这些对象按层次结构组织,如下图所示。 ? 调用绘图函数,MATLAB® 使用各种图形对象(例如,图窗窗口、轴、线条、文本等)创建图形。...每个对象都具有一组固定属性,您可以使用这些属性控制图形行为外观。...· 文本 - 用于轴刻度线可选标题及注释标签。 不同类图形使用不同对象来表示数据。由于存在许多种图形,因此也存在许多数据对象类型。...查找现有对象句柄 findobj 函数可用于通过搜索具有特定属性对象来获取图形对象句柄。使用 findobj,您可以指定任何属性组合,这样可以方便地从多个对象中选取一个对象。...例如, h = findobj('Type','patch'); 查找所有补片对象句柄。 查找具有特定属性对象 您可以指定多个属性以便缩小搜索范围。

1.1K30

菜菜从零学习WCF三(配置服务)

Service元素   每个服务都具有以下属性:   --name,指定听歌服务协定实现类型。这是完全限定名称(命名空间类型名称)。   ...如果必须修改绑定默认,则可通过在bindings元素中配置相应binding元素来执行此操作。次属性应赋予与用于更改默认binding元素name属性相同。   ...name - Endpoint名称,可选属性,每个Contract都可以有多个Endpoint,但是每个Contract对应 多个Endpoint必须是唯一...-- 某一类binding下面可能有多个配置,binding元素name属性标识某个binding--> ...-- 一个或多个系统提供或定制behavior元素 属性说明: name - 一个behavior唯一标识,元素

77810

CSS知识总结(上)

选择器 标签选择器 标签名称{ 属性:; } id选择器 #id名称{ 属性:; } 类选择器 .类{ 属性:; } id相当于人身份证不可以重复 class相当于人名称可以重复..., 所有的特定后代标签, 也就是会选中儿子/孙子…, 只要是被放到指定标签中特定标签都会被选中 | 子元素选择器只会选中指定标签中, 所有的特定直接标签, 也就是只会选中特定儿子标签 交集选择器...选择器1选择器2{ 属性: ; } # 用多个选择器 并集选择器 选择器1,选择器2{ 属性:; } #选到2个 并集选择器必须使用,来连接 兄弟选择器 相邻兄弟选择器 作用..., 并且给同一个标签设置相同属性, 如何层叠就由优先级来确定 优先级判断三种方式 如果是间接选中, 那么就是谁离目标标签比较近就听谁 如果都是直接选中, 并且都是同类选择器, 那么就是谁写在后面就听谁...如果id个数一样, 那么再看类个数, 类个数多优先级最高 如果类个数一样, 那么再看标签名称个数, 标签名称个数多优先级最高 标签理解 在HTML中HTML将所有的标签分为两类, 分别是容器级和文本

1K40

一个合格初级前端工程师需要掌握模块笔记

标签属性 class属性:用于定义元素 id属性:用于指定元素唯一id,该属性在整个html文档中具有唯一性 style属性:用于指定元素行内样式,使用该属性后将会覆盖任何全局样式设定...) form表单事件,onblur,元素失去焦点触发,onchange,在元素被改变触发,onfocus,元素获得焦点触发,onreset,表单中重置按钮被点击触发,onselect...,元素上按下鼠标按钮触发,onmousemove,当鼠标指针移动到元素触发,onmouseout,元素指针移出元素触发,onmouseup,元素上释放鼠标按钮触发。...autofocus 为某个表单控件增加该属性后,浏览器打开这个页面, 这个表单控件会自动获得焦点 list 为文本框指定一个可用选项列表,当用户在文本框中输 入信息,会根据输入字符...=value] 匹配给定属性不是某个特定元素 [attribute^=value] 匹配给定属性是以某些开始元素 [attribute$=value] 配给定属性是以某些结尾元素

3.5K10

前端入门系列之CSS

同样值得一提是,文档中多个元素可以具有相同,而单个元素可以有多个(以空格分开多个形式书写)。...它们通用语法由方括号 ([]) 组成,其中包含属性名称,后跟可选条件以匹配属性属性选择器可以根据其匹配属性方式分为两类: 存在属性选择器子串属性选择器。...: goldenrod; } /* 所有具有"data-vegetable"属性属性包含"spicy"元素, 即使元素属性中还包含其他属性,都会被应用红色文本颜色..."] { opacity: 0.5; } 效果: TODO: 伪类元素 该选择器不是选择元素,而是元素某些部分,或仅在某些特定上下文中存在元素。...多个CSS规则匹配相同元素,它们都被应用到该元素中。只有在这之后,任何相互冲突属性才会被评估,以确定哪种风格会战胜其他类型。

2.6K10

CSS入门指南-1:css工作原理

html元素同一个样式属性有多种样式时候,css就要靠层叠机智来决定最终应用哪种样式。...基于祖先或者同胞元素选择一个元素。 ID类选择符。基于idclass属性选择元素属性选择符。基于属性有无特征选择元素。...类目的是为了标识一组具有相同特征元素,以便我们为这些元素应用相同css样式。 属性选择符 属性选择符 格式如下: 标签名[属性] 选择任何带有属性标签名。...伪类 伪类分两种: UI伪类会在HTML元素处于某个状态,为该元素应用CSS样式。 结构化伪类会在标记中存在某种结构上关系,为相应元素应用CSS样式。 伪类使用:(冒号)作为选择符。...层叠 层叠,是样式在文档层次中逐层叠加过程,目的是让浏览器面对某个标签特定属性值得多个来源,确定最终使用哪个

81420

【CSS】CSS简介,CSS基础选择器详解

CSS 也是一种标记语言 CSS 主要用于设置 HTML 页面中文本内容(字体、大小、对齐方式等)、图片外形(宽高、边框样式、边距等)以及版面的布局外观显示样式。...选择器是用于指定 CSS 样式 HTML 标签,花括号内是对该对象设置具体样式 属性属性以“键值对”形式出现 属性是对指定对象设置样式属性,例如字体大小、文本颜色等 属性属性之间用英文...多类使用 : 多类 注意: 在标签class 属性中写 多个 多个中间必须用空格分开 这个标签就可以分别具有这些类样式...这些标签都可以调用这个公共类然后再调用自己独有的类 从而节省CSS代码,统一修改非常方便 ⭐id选择器 id 选择器可以为标有特定 id HTML 元素指定特定样式。...语法: * { 属性1: 属性1; ... } 通配符选择器不需要调用, 自动就给所有的元素使用样式 特殊情况才使用,如,清除所有的元素标签内外边距

6710

JavaScript 高级程序设计(第 4 版)- DOM

>元素,会修改元素文本 URL、 domain referrer URL:包含当前页面的完整 URL domain: 包含页面的域名 可以设置,但不能给这个属性设置 URL 中不包含 页面含有来自某个不同子域窗格...取得属性 每个元素都有零个或多个属性,通常用于为元素或其内容附加更多信息 getAttribute() 传给 getAttribute()属性与它们实际属性是一样,因此这里要传"class"...而非"className" 如果给定属性存在, 则 getAttribute() 返回 null 能取得不是 HTML 语言正式属性自定义属性 属性不区分大小写,因此"ID""id"被认为是同一个属性...设置属性 setAttribute() 接收两个参数:要设置属性属性 如果属性已经存在,则 setAttribute()会以指定替换原来; 如果属性存在,则 setAttribute...在用于读取值,innerText 会按照深度优先顺序将子树中所有文本节点拼接起来。在用于写入,innerText会移除元素所有后代并插入一个包含该文本节点。

1.1K30

JavaScript类库---JQuery(一)

第二个参数是可选为一个元素或JQuery对象;这时返回特定元素元素中匹配到元素集; 参数是Element、Document或Window对象,返回这些对象封装成JQuery对象; 参数是...2、可以使用object对象,该对象属性是Jquery关键字,可用于传入属性; 参数为一个函数:文档加载完毕时调用;相当于onLoad()函数;形如$(function(){})或JQuery(...:索引this(指代当前元素Element,原生文档对象),this使用JQuery方法需要封装一下$(this); 如果回调函数返回false,遍历将中断; map(); 例$(':checkbox...: JQuery使用同一个方法来获取设置属性,区别是参数不同,类似于重载;   setter(设置)返回是JQuery对象;getter(获取)返回单个(元素);所以链式调用不能使用getter...,第二个参数为处理函数;          可以有三个参数,第一个参数第三个参数为事件与处理函数,第二个参数可为任何,被设置为Event对象data属性;          其一特性是允许为注册事件处理程序指定多个命名空间

4.2K30

Python内置函数详解【翻译自pyth

如果对象不提供__dir__(),则函数会尽量从对象__dict__属性(如果已定义)其类型对象中收集信息。结果列表不一定是完整,并且对象具有自定义__getattr__(),可能不准确。...默认dir()机制对于不同类对象具有不同行为,因为它尝试生成最相关,而不是完整信息: 如果对象是模块对象,列表包含模块属性。...如果对象是类型或者类对象,列表包含类属性,及它基类属性。 否则,列表包含对象属性,它属性基类属性。 返回列表按字母顺序排序。...参数是一个对象、一个字符串一个任意。字符串可以是一个已存在属性名字也可以是一个新属性名字。该函数将赋值给属性,只要对象允许。...zip()迭代器元素不一致,循环停止在较短迭代器元素,较长迭代器元素会被舍弃。如果这些很重要,请改用itertools.zip_longest()。

1.5K20
领券