PHP基础课程笔记：选择器分类与使用.pdfVIP

选择器

1）基本选择器

*：代表所有HTML标记，但在IE6.0以下不兼容。全局样式。不建议使用

全局样式：网页中所有的相关的元素，都会发生改变。

选择器：就是HTML的所有标记。比如：a,p,h1,h2,h3

类选择器：给一类标记设定样式。局部样式。命名方式.classname，必须以字母开头

例如：.box,.header,.news

ID选择器：给属性包括ID的元素增加样式，具有唯一性。ID相应于号，具有唯一性。命名方式：

#ID名称。比如：#box#news#footer

2）组合选择器

多元素选择器：同时多个HTML元素，都设定一种格式。并列关系。

比如：body,p,ul,li,ol,input{margin:0px;padding:0px;}

后代元素选择器：包括子元素或元素，包含当前标记的所有相关的元素。各个选择器之间，用空格分

开。继承关系（多级的上下级关系）

比如：.box.news.titlep{color:#ff0000;}

选择器目的：是只有选择到该元素时，才能给该元素增加样式。

子元素选择器：包含当前元素的子元素。继承关系（父子关系）。

比如：.box.news{border:1pxsolid#ff0000;}

相邻元素选择器：紧挨着当前元素的兄弟元素。向下的平级关系。

3）属性选择器：比较精确的选择

E[attr]：当前标记E，是否包含attr属性。一般用于选择表单中各元素。

比如：inputtype=”text”name=”username”value=”inputtext”/

Input[name]

E[attr=value]：当前标记E，是否包含attr属性，属性值是否等于value的元素

比如；input[name=username]{width:200px;}

4)伪类选择器：一般用于a标记

全局的效果，不用指定给哪个用，所有的都将改变。

a:link，正常状态

a:hover，鼠标放到上的效果

a:visited，过的效果

a:active，激活的效果

变体形式：必须要进行指定，给哪一个来使用该类样式

a.a1:linka.a1:hovera.a1:visited

ahref=”#”class=”a1”首页/a

选择器

1)基本选择器

*：代表所有HTML，但不兼容IE6.0及以下版本。全球风格。不建议使用全局

样式：网页中所有相关元素都会改变。选择器：HTML所有。例如：a、

p、h1、h2、h3。

例如：.box、.header、.news

ID器：给安全性公司ID的公共设计、动性。对应证号、山动动性的ID。命名方式：

#ID名称。如：#box#news#footer

2)组合选择器

多器：同时多个HTML元素，都设置一种格式。伊列关于。示例

文帐に追加:body,p,ul,li,ol,input{margin:0px;padding:0px;}

后代六生分器：包含子元素或元素，包含当前的所有相关元素。

例如：.box.news.titlep{color:#ff0000;}

选择器用途：只有当元素被选中时，才能将该元素添加到样式中。

子六生全线器:全部的的子。特剧的全线(父子关

于)。例文帐に追动:.box.news{border:1pxSolid#ff0000;}相

邻元素选择器:经垒着时间的公园的全集。全线的平级关于。

3）安全器：更精准的选择

E[attr]：当前E，如果不包含attr属性。一般用于表单中各元素的选择。

例如：输入类型“文本”名称“用户名”值“输入文本”/输入[名称]

E[attr值]：当前E，如果不包含attr属性，则attrib值