正在加载图片...
<tte>根据属性值单词的选择器</ title style type="te font-size: 14px line- height: 180% font-size: 12px color: #999 text-decoration underline </style> <header> <dvid="News1">这是第一条新闻的标题<div> <dvid="News1-c">这是第一条新闻的简介,主要说明了新闻内容。<div> <dvid="NeWs2">这是第二条新闻的标题<dv> < diy id="News2-c">这是第二条新闻的简介,主要说明了新闻内容。<div> <dvid="NeWs3">这是第三条新闻的标题</dv> <dvid="News3-c">这是第三条新闻的简介,主要说明了新闻内容。<div> <dvid="News4">这是第四条新闻的标题<dv> <dvid="NeWs4-c">这是第四条新闻的简介,主要说明了新闻内容。</div> </header 3. 7Elattr="value"] E[ attrI=" value]属性选择器,表示的是选择attr属性值等于 value”或者是“ value-”开头的所有元素 注意,attr后面的是竖线“|”。 四、结构性伪类选择器 4.1伪类选择器 在CSS中,可以使用类选择器把相同的元素定义成不同的样式。 在前文的讲解中已经进行了介绍。 14《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ bs. 51xueweb cn14 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn <title>根据属性值单词的选择器</title> <style type="text/css"> [id^="News"] { font-size:14px; color:#F30; line-height:180% } [id$="c"] { font-size:12px; color:#999; } [id*="3"] { text-decoration:underline; } </style> </head> <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.7 E[attr|="value"] E[attr|="value"]属性选择器，表示的是选择 attr 属性值等于 “value”或者是“value-”开头的所有元素。 注意，attr 后面的是竖线“|”。 四、结构性伪类选择器 4.1 伪类选择器 在 CSS 中，可以使用类选择器把相同的元素定义成不同的样式。 在前文的讲解中已经进行了介绍