正在加载图片...
</head> <header> <dvd="NeWs1">这是第一条新闻的标题<dv> < diy id="News1-c">这是第一条新闻的简介,主要说明了新闻内容。</div> <dvid="NeWs2">这是第二条新闻的标题</dv> <dvid="NeWs2 c News2 Content">这是第二条新闻的简介,主要说明了 新闻内容。<div> <dvd="NeWs3">这是第三条新闻的标题<dv> < diy id="News3-c">这是第三条新闻的简介,主要说明了新闻内容。</div> <dvid="NeWs4">这是第四条新闻的标题</div> < diy id="News4-c">这是第四条新闻的简介,主要说明了新闻内容。</div> </header 3. 4ELattr'="value" E[attr^=" value"]属性选择器,指的是选择attr属性值以 value”开头的所有元素,换句话说,选择的属性其以对应的属性 值是以“ value”开始的。 3. 5ELattrs="value"] E[ attrs=" value"]属性选择器,表示的是选择attr属性值以 " value"结尾的所有元素,换句话说,选择的属性其以对应的属性值是 以“ value”结尾的。 3. 6ELattr*"value"] E[attr*=" value"]属性选择器,表示的是选择attr属性值中包 含子串“ value”的所有元素。也就是说,只要所选择的属性,其属 性值中有这个“ value”值都将被选中。 案例: 示例11-10:匹配属性值的选择器 html> <html> <head> <meta charset="utf-8> 13《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ labs. 51xueweb cn13 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn </head> <body> <header> <div id="News1">这是第一条新闻的标题</div> <div id="News1-c">这是第一条新闻的简介，主要说明了新闻内容。</div> <div id="News2">这是第二条新闻的标题</div> <div id="News2-c News2C Content">这是第二条新闻的简介，主要说明了 新闻内容。</div> <div id="News3">这是第三条新闻的标题</div> <div id="News3-c">这是第三条新闻的简介，主要说明了新闻内容。</div> <div id="News4">这是第四条新闻的标题</div> <div id="News4-c">这是第四条新闻的简介，主要说明了新闻内容。</div> </header> </body> </html> 3.4 E[attr^="value"] E[attr^="value"]属性选择器，指的是选择 attr 属性值以 “value”开头的所有元素，换句话说，选择的属性其以对应的属性 值是以“value”开始的。 3.5E[attr$="value"] E[attr$="value"]属性选择器,表示的是选择 attr 属性值以 "value"结尾的所有元素，换句话说,选择的属性其以对应的属性值是 以“value”结尾的。 3.6 E[attr*="value"] E[attr*="value"]属性选择器，表示的是选择 attr 属性值中包 含子串“value”的所有元素。也就是说，只要所选择的属性，其属 性值中有这个“value”值都将被选中。 案例： 示例 11-10：匹配属性值的选择器 <!doctype html> <html> <head> <meta charset="utf-8">