11 2.基础选择器 24类选择器 口CSS类选择器允许选择网页元素的类进行样式表应用。类选择器 以“.”符号标识,后面紧跟类名称。 classname color: #d5130 口类选择器是以一种独立于文档元素的方式来指定样式,使用类 选择器之前必须在HM元素上定乂类名,换句话说需要保证类 名在HTM标记中存在,这样才能选择类。 h3>文章分类<3 <ul class= classname"> ≮>情感世界< 啡技木文章</ 网络文摘 >其他<№ 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 2.基础选择器 CSS类选择器允许选择网页元素的类进行样式表应用。类选择器 以“.”符号标识，后面紧跟类名称。 类选择器是以一种独立于文档元素的方式来指定样式，使用类 选择器之前必须在HTML元素上定义类名，换句话说需要保证类 名在HTML标记中存在，这样才能选择类。 11 2.4类选择器
2 2.基础选择器 24类选择器 口类选择器还可以结合元素选择器来使用。 如有多个元素使用了类名“ ltems”,但只需要在使用类型“ 1 tems” 的1i元素上修改样式,则可将类名称定乂为“1i. 1 tems”。 h3>文章分类<h3 cass=" itmes">情感世界 cass="tmes"技术文章c cass="imes">网络文摘</ cass="tmes">其他 注意 ①在网页中只要网页元素的 class属性定义为 classname,都将会受到该样式表的 影响,而不管它具体是何种类型的网页元素。 ②类名称的第一个字符不能使用数字,因为它无法在浏览器中起作用。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 2.基础选择器 类选择器还可以结合元素选择器来使用。 如有多个元素使用了类名“items”，但只需要在使用类型“items” 的li元素上修改样式，则可将类名称定义为“li.items” 。 12 2.4类选择器 注意： ①在网页中只要网页元素的class属性定义为classname，都将会受到该样式表的 影响，而不管它具体是何种类型的网页元素。 ②类名称的第一个字符不能使用数字，因为它无法在浏览器中起作用
13 十 2 现场演示: ■案例8-03:类选择器 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 13 现场演示： 案例8-03：类选择器
2.基础选择器 2.5ID选择器 口CSS中的ID选择器允许选择网页元素的I进行样式表应用,以 “#”标识,后面紧跟HM元素ID名称 口ID选择器的使用过程 ■为某元素建立一个独有的ID ■使用ID选择器对该元素进行样式表应用。 注意:网页元素的ID是唯一的,对应的CSSI选择器内的样式表也只能作用于唯一的一 个ID元素。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 2.基础选择器 CSS中的ID选择器允许选择网页元素的ID进行样式表应用，以 “#”标识，后面紧跟HTML元素ID名称。 ID选择器的使用过程： 为某元素建立一个独有的ID。 使用ID选择器对该元素进行样式表应用。 14 2.5 ID选择器 注意：网页元素的ID是唯一的，对应的CSS ID选择器内的样式表也只能作用于唯一的一 个ID元素
15 十 2 现场演示: ■案例8-04:ID选择器 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 15 现场演示： 案例8-04：ID选择器