正在加载图片...
<dvid="NeWs1">这是第一条新闻的标题</div> < diy id="NeWs1C">这是第一条新闻的简介,主要说明了新闻内容。<div> <dvd="NeWs2">这是第二条新闻的标题<dv> < diy id="News2-c">这是第二条新闻的简介,主要说明了新闻内容。<div> <dvid="NeWs3">这是第三条新闻的标题<dv <dvid="NeWs3C">这是第三条新闻的简介,主要说明了新闻内容。<div> <dvd="NeWs4">这是第四条新闻的标题<dv> < diy id="NeWs4C">这是第四条新闻的简介,主要说明了新闻内容。<div> 3. 3ELattr E[attrˇ=" value"]根据属性值中的词列表的某个词来进行选择 元素 此属性选择器要求属性值是一个或多个词列表,如果是列表时, 多个词需要用空格隔开,只要元素的属性值中有一个词和 value相匹 配就可以选中该元素。 粲例 例11-9:根据属性值单词的选择器 <meta charset="utf-8> <ite>根据属性值单词的选择器< /title> style type="text/cs [id]{ font-size: 12px lid="News1"]t font color #000 color #090 12《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ bs. 51xueweb cn12 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn <body> <header> <div id="News1">这是第一条新闻的标题</div> <div id="News1-c">这是第一条新闻的简介，主要说明了新闻内容。</div> <div id="News2">这是第二条新闻的标题</div> <div id="News2-c">这是第二条新闻的简介，主要说明了新闻内容。</div> <div id="News3">这是第三条新闻的标题</div> <div id="News3-c">这是第三条新闻的简介，主要说明了新闻内容。</div> <div id="News4">这是第四条新闻的标题</div> <div id="News4-c">这是第四条新闻的简介，主要说明了新闻内容。</div> </header> </body> </html> 3.3E[attr~="value"] E[attr~="value"]根据属性值中的词列表的某个词来进行选择 元素。 此属性选择器要求属性值是一个或多个词列表，如果是列表时， 多个词需要用空格隔开，只要元素的属性值中有一个词和 value 相匹 配就可以选中该元素。 案例： 示例 11-9：根据属性值单词的选择器 <!doctype html> <html> <head> <meta charset="utf-8"> <title>根据属性值单词的选择器</title> <style type="text/css"> [id] { font-size:12px; color:#C00; } [id="News1"] { font-size:14px; color:#000; } [id~="Content"] { color:#090; } </style>