正在加载图片...
2.3类选择器(. className) 类选择器是以一独立于文档元素的方式来指定样式,使用类选择 器之前需要在htm1元素上定义类名,换句话说需要保证类名在html 标记中存在,这样才能选择类。 类选择器还可以结合元素选择器来使用,比如说,文档中有多个 元素使用了类名“ Items”,但是只需要在使用了类型“ 1 tems”的p 元素上修改样式,则可以将类名称定义为“p. ltems”。 也可以为一个元素定义多个名称,从而实现多个类共同对单一元 素起作用。 案例 示例11-3:类选择器 <doctype html> <html> <meta charset="utf-8> tte>类选择器</ttle tyle typ margin: 10px padding: 5px width: 18px; font-size: 13p color: #FFF border-radius: 5px border: 1 px solid #FoO background-color: #F90 float: left list-style: none ButtonNow t font-weight: bold background-color #FFO border: 1px solid #FoO color: #FOO </style> </head> <bod 4《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ labs. 51xuewebcn4 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn 2.3 类选择器（.className） 类选择器是以一独立于文档元素的方式来指定样式，使用类选择 器之前需要在 html 元素上定义类名，换句话说需要保证类名在 html 标记中存在，这样才能选择类。 类选择器还可以结合元素选择器来使用，比如说，文档中有多个 元素使用了类名“items”，但是只需要在使用了类型“items”的 p 元素上修改样式，则可以将类名称定义为“p.items”。 也可以为一个元素定义多个名称，从而实现多个类共同对单一元 素起作用。 案例： 示例 11-3：类选择器 <!doctype html> <html> <head> <meta charset="utf-8"> <title>类选择器</title> <style type="text/css"> li { margin:10px; padding:5px; width:18px; font-size:13px; color:#FFF; text-align:center; border-radius:5px; border:1px solid #F00; background-color: #F90; float:left; list-style:none; } .ButtonNow { font-weight:bold; background-color:#FF0; border:1px solid #F00; color:#F00; } </style> </head> <body>