: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的那些表达式和使用方法,唯一不同的是这种指定了元素的类型而以
) 类选择器是以一独立于文档元素的方式来指定样式,使用类选择器之前需要在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;
2.2 类选择器 类选择器允许你选择具有特定类名的元素。类选择器以点 . 开头,后面跟随类名。...属性选择器 属性选择器允许你选择具有特定属性的元素。属性选择器使用方括号 [],并在方括号内指定要匹配的属性和属性值。...以下是一些常见的属性选择器示例: 4.1 属性选择器 属性选择器允许你选择具有特定属性的元素。属性选择器使用方括号 [],并在方括号内指定要匹配的属性和属性值。...以下是一些常见的属性选择器示例: 4.1.1 属性存在选择器 属性存在选择器([attribute])用于选择具有指定属性的所有元素,而不考虑其值。...结合选择器 你可以结合多个选择器来更精确地选择元素。这是一些常见的结合选择器的示例: 7.1 选择多个类名 如果一个元素具有多个类名,你可以将它们组合在一起选择。
,可以用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,当元素牌不可用状态时的样式
元素默认的display值是table 基本特征:一个水平流上只能「单独显示」一个元素,多个块级元素则换行显示 由于块级元素具有换行特性,配合clear属性用来清除浮动 .clear::...❝一个存在于每个「行框盒子」前面,同时具有该元素的「字体」和「行高」属性的「0宽度的内联盒」 ❞ 「行框盒子(line box)」,每一行就是一个行框盒子,每个行框盒子又是由一个个内联盒子组成的。...) text-overflow:ellipsis:当文本溢出时,显示省略符号来代表被修剪的文本 white-space:nowrap:设置文本不换行 overflow:hidden:当子元素内容超过容器宽度高度限制的时候...:78px; // 不能缺 } 多个块级元素-水平居中 // xx 会被后续的特定的类名替换 块1 <...(这避免不了) 浏览器的「窗口尺寸变化」(因为回流是根据视口的大小来计算元素的位置和大小的) 获取一些特定属性的值 offsetTop、offsetLeft、 offsetWidth、offsetHeight
在元素中添加一个或多个类名 2.contains(class) 返回布尔值,判断指定的类名是否存在 可能值: true - 元素包已经包含了该类名 ...false - 元素中不存在该类名 3.item(index) 返回类名在元素中的索引值。...移除元素中一个或多个类名 5.toggle(class,true| false) 在元素中切换类名 第一个参数为要在元素中移除的类名,并返回 false。 ...如果该类名不存在则会在元素中添加类名,并返回 true。 ...数量不受限制,在控制和渲染数据的时候提供了非常强大的控制 dataset 获取属性值: \ <div id="day2-meal-expense" data-drink="coffee"
任何节点都属于它所在的文档,任何节点都不能同时存在于两个或更多个文档中。...当元素的class属性值包含所有指定的标识符时才匹配。HTML元素的class属性值是一个以空格隔开的列表,可以为空或包含多个标识符。...id 元素在文档中的唯一标识符 title 有关元素的附加说明信息 className 与元素class特性对应 src img元素具有的属性 alt img元素具有的属性 lang 元素内容的语言代码...1)取得自定义属性 getAttribute() 参数为实际元素的属性名,calss,name,id,title,lang,dir一般只有在取得自定义特性值的情况下,才会用该方法大多数直接使用属性进行访问...两个参数,第一个参数为要设置的特性名,第二个参数为对应的值。
处理图形对象 图形对象 图形对象是用于显示图形的基本元素。这些对象按层次结构组织,如下图所示。 ? 当调用绘图函数时,MATLAB® 使用各种图形对象(例如,图窗窗口、轴、线条、文本等)创建图形。...每个对象都具有一组固定的属性,您可以使用这些属性控制图形的行为和外观。...· 文本 - 用于轴刻度线和可选标题及注释的标签。 不同类型的图形使用不同对象来表示数据。由于存在许多种图形,因此也存在许多数据对象类型。...查找现有对象的句柄 findobj 函数可用于通过搜索具有特定属性值的对象来获取图形对象的句柄。使用 findobj,您可以指定任何属性组合的值,这样可以方便地从多个对象中选取一个对象。...例如, h = findobj('Type','patch'); 查找所有补片对象的句柄。 查找具有特定属性的对象 您可以指定多个属性以便缩小搜索范围。
Service元素 每个服务都具有以下属性: --name,指定听歌服务协定的实现的类型。这是完全限定名称(命名空间和类型名称)。 ...如果必须修改绑定的默认值,则可通过在bindings元素中配置相应的binding元素来执行此操作。次属性应赋予与用于更改默认值的binding元素的name属性相同的值。 ...name - Endpoint的名称,可选属性,每个Contract都可以有多个Endpoint,但是每个Contract对应的 多个Endpoint名必须是唯一的...-- 某一类的binding的下面可能有多个配置,binding元素的name属性标识某个binding--> ...-- 一个或多个系统提供的或定制的behavior元素 属性说明: name - 一个behavior唯一标识,元素的
选择器 标签选择器 标签名称{ 属性:值; } id选择器 #id名称{ 属性:值; } 类选择器 .类名{ 属性:值; } id相当于人的身份证不可以重复 class相当于人的名称可以重复..., 所有的特定后代标签, 也就是会选中儿子/孙子…, 只要是被放到指定标签中的特定标签都会被选中 | 子元素选择器只会选中指定标签中, 所有的特定的直接标签, 也就是只会选中特定的儿子标签 交集选择器...选择器1选择器2{ 属性: 值; } # 用多个选择器 并集选择器 选择器1,选择器2{ 属性:值; } #选到2个 并集选择器必须使用,来连接 兄弟选择器 相邻兄弟选择器 作用..., 并且给同一个标签设置相同的属性时, 如何层叠就由优先级来确定 优先级判断的三种方式 如果是间接选中, 那么就是谁离目标标签比较近就听谁的 如果都是直接选中, 并且都是同类型的选择器, 那么就是谁写在后面就听谁的...如果id的个数一样, 那么再看类名的个数, 类名个数多的优先级最高 如果类名的个数一样, 那么再看标签名称的个数, 标签名称个数多的优先级最高 标签理解 在HTML中HTML将所有的标签分为两类, 分别是容器级和文本级
标签属性 class属性:用于定义元素的类名 id属性:用于指定元素的唯一id,该属性的值在整个html文档中具有唯一性 style属性:用于指定元素的行内样式,使用该属性后将会覆盖任何全局的样式设定...) form表单事件,onblur,当元素失去焦点时触发,onchange,在元素的值被改变时触发,onfocus,当元素获得焦点时触发,onreset,当表单中的重置按钮被点击时触发,onselect...,当元素上按下鼠标按钮时触发,onmousemove,当鼠标指针移动到元素上时触发,onmouseout,当元素指针移出元素时触发,onmouseup,当元素上释放鼠标按钮时触发。...autofocus 当为某个表单控件增加该属性后,当浏览器打开这个页面, 这个表单控件会自动获得焦点 list 为文本框指定一个可用的选项列表,当用户在文本框中输 入信息时,会根据输入的字符...=value] 匹配给定的属性不是某个特定值的元素 [attribute^=value] 匹配给定的属性是以某些值开始的元素 [attribute$=value] 配给定的属性是以某些值结尾的元素
同样值得一提的是,文档中的多个元素可以具有相同的类名,而单个元素可以有多个类名(以空格分开多个类名的形式书写)。...它们的通用语法由方括号 ([]) 组成,其中包含属性名称,后跟可选条件以匹配属性的值。 属性选择器可以根据其匹配属性值的方式分为两类: 存在和值属性选择器和子串值属性选择器。...: goldenrod; } /* 所有具有"data-vegetable"属性且属性值包含"spicy"的元素, 即使元素的属性中还包含其他属性值,都会被应用红色的文本颜色..."] { opacity: 0.5; } 效果: TODO: 伪类和伪元素 该选择器不是选择元素,而是元素的某些部分,或仅在某些特定上下文中存在的元素。...当多个CSS规则匹配相同的元素时,它们都被应用到该元素中。只有在这之后,任何相互冲突的属性才会被评估,以确定哪种风格会战胜其他类型。
(注:文中代码因篇幅有限仅写出关键部分代码) id和class id 在元素的属性里加上id标签,然后用“#+id名选择”,如 #z {text-align:center;} id标签 class 在元素的属性里加上class标签,然后用”.class名称”选择所有具有相同class名称的元素。..."center">only this line is centered 混合 当id和class选择的是同一元素的相同属性时,显示id的效果,如: .center { *text-align...h1> 分组和嵌套 分组 当多个元素有共同的css样式描述时可以使用分组减少代码,如: #a,#b,#c {color:blue;} text baidu 则所有具有href属性的元素都会被选择,baidu和sina就会为绿色。
当html元素的同一个样式属性有多种样式值的时候,css就要靠层叠机智来决定最终应用哪种样式。...基于祖先或者同胞元素选择一个元素。 ID和类选择符。基于id和class属性的值选择元素。 属性选择符。基于属性的有无和特征选择元素。...类的目的是为了标识一组具有相同特征的元素,以便我们为这些元素应用相同的css样式。 属性选择符 属性名选择符 格式如下: 标签名[属性名] 选择任何带有属性名的标签名。...伪类 伪类分两种: UI伪类会在HTML元素处于某个状态时,为该元素应用CSS样式。 结构化伪类会在标记中存在某种结构上的关系时,为相应元素应用CSS样式。 伪类使用:(冒号)作为选择符。...层叠 层叠,是样式在文档层次中逐层叠加的过程,目的是让浏览器面对某个标签特定属性值得多个来源,确定最终使用哪个值。
CSS 也是一种标记语言 CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。...选择器是用于指定 CSS 样式的 HTML 标签,花括号内是对该对象设置的具体样式 属性和属性值以“键值对”的形式出现 属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等 属性和属性值之间用英文...多类名的使用 : 多类名 注意: 在标签class 属性中写 多个类名 多个类名中间必须用空格分开 这个标签就可以分别具有这些类名的样式...这些标签都可以调用这个公共的类然后再调用自己独有的类 从而节省CSS代码,统一修改非常方便 ⭐id选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。...语法: * { 属性1: 属性值1; ... } 通配符选择器不需要调用, 自动就给所有的元素使用样式 特殊情况才使用,如,清除所有的元素标签的内外边距
类选择器 使用类选择器选择具有特定类的HTML元素,并将其包装成jQuery对象。...属性 jQuery对象还提供了一些属性,用于访问和操作选择的元素的特定属性。...var tagName = $myElement.prop("tagName"); // 获取元素的标签名var id = $myElement.prop("id"); // 获取元素的ID属性值var...className = $myElement.prop("class"); // 获取元素的类名上述代码使用了prop()方法来获取选择的元素的标签名、ID属性值和类名。...; });});上述代码在页面加载完成后,绑定了按钮的点击事件。当按钮被点击时,将在#message元素中显示一条消息。
>元素,会修改元素内文本 URL、 domain 和 referrer URL:包含当前页面的完整 URL domain: 包含页面的域名 可以设置,但不能给这个属性设置 URL 中不包含的值 当页面含有来自某个不同子域的窗格...取得属性 每个元素都有零个或多个属性,通常用于为元素或其内容附加更多信息 getAttribute() 传给 getAttribute()的属性名与它们实际的属性名是一样的,因此这里要传"class"...而非"className" 如果给定的属性不存在, 则 getAttribute() 返回 null 能取得不是 HTML 语言正式属性的自定义属性的值 属性名不区分大小写,因此"ID"和"id"被认为是同一个属性...设置属性 setAttribute() 接收两个参数:要设置的属性名和属性的值 如果属性已经存在,则 setAttribute()会以指定的值替换原来的值; 如果属性不存在,则 setAttribute...在用于读取值时,innerText 会按照深度优先的顺序将子树中所有文本节点的值拼接起来。在用于写入值时,innerText会移除元素的所有后代并插入一个包含该值的文本节点。
第二个参数是可选的,值为一个元素或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属性; 其一特性是允许为注册事件处理程序指定多个命名空间
:当样式冲突时,就是采用就近原则,是值css属性离被修饰的内容最近的为主。 ...[attribute=value]选择具有attribute属性且属性值等于value的元素。 ...[attribute|=value]选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素。 ...[attibute^=value]匹配具有attribute属性、且值以valule开头的E元素 [attribute$=value]匹配具有attribute属性、且值以value结尾的...设置元素在其鼠标悬停时的样式 *:focus 设置元素在其获取焦点时的样式 :target 匹配相关URL指向的E元素 :enabled
如果对象不提供__dir__(),则函数会尽量从对象的__dict__属性(如果已定义)和其类型对象中收集信息。结果列表不一定是完整的,并且当对象具有自定义__getattr__()时,可能不准确。...默认的dir()机制对于不同类型的对象具有不同的行为,因为它尝试生成最相关,而不是完整的信息: 如果对象是模块对象,列表包含模块的属性名。...如果对象是类型或者类对象,列表包含类的属性名,及它的基类的属性名。 否则,列表包含对象的属性名,它的类的属性名和类的基类的属性名。 返回的列表按字母顺序排序。...参数是一个对象、一个字符串和一个任意值。字符串可以是一个已存在属性的名字也可以是一个新属性的名字。该函数将值赋值给属性,只要对象允许。...zip()当迭代器元素不一致时,循环停止在较短的迭代器元素,较长的迭代器元素会被舍弃。如果这些值很重要,请改用itertools.zip_longest()。
领取专属 10元无门槛券
手把手带您无忧上云