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

属性选择符的使用

属性选择符的使用 由 Ghostzhang 发表于 2006-04-17 16:15 在CSS的选择符中,除了常用的“类型选择符(E)、通配选择符(*)、包含选择符(E1 E2)、ID选择符(#ID...)、选择符分组(E1,E2,E3)、类选择符(E.class)、伪类及伪对象选择符(E:P)”外还有“属性选择符(E[attr])”和“相邻选择符(E1+E2)”,试了一下属性选择符,感觉很不错,如果使用到页面中的话...属性选择符可分为下面几种: Attribute Selectors E[attr] 属性选择符。 选择具有attr属性的E。...Attribute Selectors E[attr=value] 属性选择符。 选择具有attr属性属性值等于value的E。...Attribute Selectors E[attr|=value] 属性选择符。 选择具有attr属性属性值为一用连字符分隔的字词列表,由value开始的E。

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

【CSS选择符】后代选择符

在学习后代选择符之前,首先要了解一下组成一个网页的HTML家谱,每个HTML标签标示其中一个家庭成员。网页中的第一个HTML标签(标签),相当于所有其他标签的始祖。...后代选择符可以由2个以上元素组成,例如: ul li a body li a html li a html body ul li a 以上四个选择符的作用相同,因此表明,无需指明目标标签的所有直系。...一般来说,应该使用能达到目的的最简短的后代选择符。所有标签都在和标签里,因此没要在后代选择符中指定和。 后代选择符里的选择符数量会影响冲突样式的处理方式,这种冲突处理机制成为特指度。...同样的,后代选择符也不局限于只能使用类型选择符。 可以使用不同类型的选择符构建复杂的后代选择符

72650

选择符和ID选择符

这样Web浏览器才能在样式表中找到类选择符。 类选择符的名称中只能包含字母、数字、连字符和下划线。 选择符的名称必须以字母开头。 类选择符区分大小写。 在HTML中,标签设置class属性。 。...在HTML中,class属性的值前面不用加点号。只有在样式表中类选择符的名称前面需要点号。 一个标签使用多个类 除了可以把同一个类应用到不同的标签上之外,一个标签还可以同时使用多个类。...ID选择符 CSS使用ID选择符选取网页中的特定部分,例如横幅、导航栏或者主内容区域。 在HTML中设置ID的方法与设置类的方法差不多,不过使用的属性不同。...正确地使用ID HTML的id属性有些作用是class属性实现不了的。这些优势与CSS没关系,因此完全可以不适用ID选择符。...我的理解是因为ID选择符的特指度比较高,后续如果要覆盖样式会增大难度。而且ID的使用程度没类的使用程度广。 ID属性就相当于我们人的身份证,具有唯一的标示性。

79570

属性选择符来解决IE跟FF的兼容性问题

属性选择符来解决IE跟FF的兼容性问题 由 Ghostzhang 发表于 2006-04-24 11:39 从之前写过的《属性选择符的使用》中发现了一个可以用来解决IE跟FF兼容性的问题,因为IE...不支持CSS的属性选择符。...使用属性选择符就不会有这样的问题,而且可以将多个定义写到一起,是不是比较方便呢?看看下面的样式: /* 使用声明 */ div.try{ width:200px !...304px; padding:2px; } div[class=try]{ width:200px; height:300px; } 这里的属性选择符最好不要使用ID为属性。...在《CSS样式的优先级补遗2》及《属性选择符的优先级》中我们了解到,ID选择符的特性值为100,而属性选择符的特性值为11,即不能达到将样式定义分开的目的。

31720

前台开发从头说起:谈谈CSS选择符

于是,css选择符的地位在这个前提下就空前的提高了。所以,在开始学习盒模型、浮动、定位之前,有必要回顾一下选择符。...一般稍微接触过css的网页设计人员,都会很快地学会三种css选择符: 元素选择符(例如:body 、a 、li ) ID选择符(例如:#head、#body、#foot) 类选择符(例如:.red、...) 以及由这些选择符组合起来形成的综合选择符。...有兴趣的可以自己在网上查一下,像属性选择符(input[type=’password’]、input[type=’radio’])、直接后代选择符(body > div、 #head > ul)等。...去除了不必要的表现元素和属性(font、center、align、height)之后,又去除了不必要的id、class、onclick、onmouseover之类的样式和行为属性,我们的网页源代码尺寸越来越小

1K70

swift 属性(存储属性、计算属性、懒加载属性、类型属性)

存储属性 存储属性:用于存储一个常量或变量 结构体实例赋值给常量,该实例属性不能被修改(因为结构体属于值类型,当值类型的实例被声明为常量的时候,它的所有属性也就成了常量) struct Teacher...name = "" var age = 0 } let stu = Student() stu.name = "good student" 懒加载属性 懒加载属性:是指当第一次被调用的时候才会计算其初始值的属性...在属性声明前使用 lazy 来表示延迟存储属性 注意:必须将延迟存储属性声明成变量,因为属性的初始值可能在实例构造完成之后才会得到。...在父类初始化方法调用之前,子类给属性赋值时,观察器不会被调用 类型属性 类型属性:是指属性属于某一个类的而不是属于某一个对象的。...可以认为所有的实例公用这个属性 类型属性必须有默认值 使用关键字 static 来定义类型属性 class Student: NSObject { static var studentNum:Int

17410

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

ID和类选择符。基于id和class属性的值选择元素。 属性选择符。基于属性的有无和特征选择元素。 上下文选择符 比如我们想给article中的段落设置不同的字号,可以使用上下文选择符来解决。...如果加了,就变成祖先/后代关系的上下文选择符了。 ID属性 ID属性与类写法类似,用#表示。...相应的ID选择符就这样写: #specialtext {css样式} 选择元素方式其余和class 一致。 ID属性和类属性的区别 ID可以用于页面导航链接中。...属性选择符 属性选择符 格式如下: 标签名[属性名] 选择任何带有属性名的标签名。...属性选择符 格式如下: 标签名[属性名="属性值"](在html5中,属性值得引号可不加) 例如: img[title="red flower"] {border: 2px solid blue;}

79320

css语法

基本语法 CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。...基本格式如下: selector {property: value} (选择符 {属性:值}) 选择符是可以是多种形式,一般是你要定义样式的HTML标记,例如BODY、P、TABLE……,你可以通过此方法定义它的属性和值...,属性和值要用冒号隔开: body {color: black} 选择符body是指页面主体部分,color是控制文字颜色的属性,black是颜色的值,此例的效果是使页面中的文字为黑色。...选择符组 你可以把相同属性和值的选择符组合起来书写,用逗号将选择符分开,这样可以减少样式重复定义: h1, h2, h3, h4, h5, h6 { color: green } (这个组里包括所有的标题元素...将上例中类用ID替代: 这个段落向右对齐 定义ID选择符要在ID名称前加上一个“#”号。和类选择符相同,定义ID选择符属性也有两种方法。

71520

【HTML5】HTML5 新增 input 表单属性 ( required 属性 | placeholder 属性 | autofocus 属性 | autocomplete 属性 )

一、HTML5 新增 input 表单属性 ---- HTML5 新增 input 表单属性 : required 属性 : 属性值为 required , 一旦设置了该属性 , 则表单的内容就是必填项..., 不能为空 ; placeholder 属性 : 属性值为提示文本 , 又称为占位符 , 用于设置表单的提示信息 , 如果有默认值则不显示 ; multiple 属性 : 属性值为 multiple..., 可以 选择多个文件提交 ; autofocus 属性 : 属性值为 autofocus , 设置了该属性 , 可以自动进行聚焦 , 页面加载完毕后 , 自动聚焦到设置了该属性的表单 ; autocomplete...需要满足以下两个条件 : 为表单添加 name 属性 自动补全的内容需要之前提交成功过 1、required 属性 required 属性 : 属性值为 required , 一旦设置了该属性 ,...autofocus 属性 : 属性值为 autofocus , 设置了该属性 , 可以自动进行聚焦 , 页面加载完毕后 , 自动聚焦到设置了该属性的表单 ; 如 : 百度搜索引擎 , 网页加载好 ,

2.8K30

JavaScript之firstChild属性、lastChild属性、nodeValue属性学习

1.数组元素childNodes[0]有更直观易读的优点,这边在介绍一个有同样功能的属性,且更加语义化-------->firstChild属性 假设我们需要目标元素节点下的所有子元素中的第一个子元素我们可以这样做...目标元素节点下的子元素节点数组.length-1] 目标元素节点.childNodes[目标元素节点.childNodes.length-1]=目标元素节点.lastChild; 从上面的描述中,发现firstChild属性和...lastChild属性更加的语义化,而且代码更加的简洁,方便我们记忆;  注意:firstChild和lastChild只能对单个节点就行操作,不能对节点数组进行操作; 2.nodeValue属性 作用...:如果我们想改变一个文本节点的值,那就是用DOM提供的nodeValue属性,它是用来得到(和设置)一个文本节点的值; 如下代码: hello world.../GreenLeaves/p/5692576.html中有介绍nodeType的问题,我们获取的p是一个元素节点,元素本身的nodeValue值是一个null值,而且最重要的是nodeValue属性是用来获取文本节点的值的

1.4K90

【MATLAB】基本绘图 ( 图形属性 | 绘图对象 | 图形属性界面 | 坐标轴属性 | 线属性 | 文本属性 | 图形属性设置策略 )

文章目录 一、图形属性 1、图形属性列举 2、绘图对象 二、图形属性设置 1、图形属性界面 2、坐标轴属性 3、线属性 4、文本属性 三、图形属性设置策略 一、图形属性 ---- 1、图形属性列举...; 二、图形属性设置 ---- 1、图形属性界面 在 Figure 图像窗口中 , 选择 " 菜单栏 / 编辑 / 图形属性 " , 在图形属性界面中 , 可以进行相关属性修改 ; 2、坐标轴属性...使用鼠标左键点击图像坐标轴空白部分 , 在下方就会弹出 " 属性编辑器-Axes " , 此时编辑的是坐标轴属性 ; 点击右侧的 " 更多属性… " 按钮 , 可以看到更多的参数设置 ; 3、线属性...点击绘制的曲线 , 底部会显示 " 属性编辑器-Line " , 此时可以编辑相关曲线的属性 ; 点击右侧的 " 更多属性… " 按钮 , 可以看到更多的参数设置 ; 4、文本属性 点击某个文本...; 然后 , 在对应的图形属性编辑器中 , 如 " 属性编辑器-Line " , 修改对应属性 ;

2.4K30

实例属性和类属性

实例属性   由于Python是动态语言,根据类创建的实例可以任意绑定属性   实例绑定属性的方法     1) 通过实例变量     2) 通过self变量   class Student...s.score = 90 #通过实例变量绑定属性属性   如果类本身需要绑定一个属性,可以直接在class中定义属性,这种属性是类属性   当定义了一个类属性后,这个属性虽然归类所有,但类的所有实例都可以访问到...  实例属性和类属性不要使用相同的名字,因为相同名称的实例属性将屏蔽掉类属性,但是当删除实例属性后,再用相同的名称,访问到的将是类属性   class Student(object):     name...print(s.name) #输出:Student,再次调用s.name,由于实例的name属性没有找到,类的name属性就显示出来了 实例属性和类属性   实例属性属于各个实例所有,互不干扰...  类属性属于类所有,所有实例共享一个属性   不要对实例属性和类属性使用相同的名字,否则将产生难以发现的错误

1K20

CSS总结

2.CSS选择符控制页面所有的html元素(包括哪些本身有默认值的元素),使用通配符"*",但效率较低,不建议使用。     语法:*{属性:值}   3.选择符的嵌套(包含/派生)使用。...语法:父元素 子元素{属性:值},如:table td{color:blue;}   4.选择符分组(集体控制):将同样的样式定义用于多个选择符选择符之间用逗号隔开。     ...语法:选择符1,选择符2,选择符3....{属性:值} 如:p,div,h1,table{属性:值}。   5.标签指定式选择符:如果既想使用id或class,也想同时使用标签选择符。     ...语法:元素标记+选择符{属性:值} 如:h1.waring{属性:值}表示针对所有class为waring的h1标签。   ...选择符优先级:行内 > id > class > 标签选择器(注:我们可以通过在属性值后面加"!

2.1K10
领券