Heim >Web-Frontend >HTML-Tutorial >CSS3的[att*=val]选择器_html/css_WEB-ITnose

CSS3的[att*=val]选择器_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:46:251041Durchsuche

1、实例源码

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>CSS3的[att*=val]选择器</title><style type="text/css">   [id*=div_border]{	   background-color:#9F6;	   width:110px;	   font-family:微软雅黑;	   font-size:18px;	   font-size-adjust:!important;	   font-stretch:expanded;	   font-style:oblique;	   font-variant:inherit;	   font-weight:bolder;   }   [id*=child]{	   background-color:#C00;   }</style>   <div id="div_border">   	   <ol>         <li id="child1">星期一</li>         <li id="parent">星期二</li>         <li id="childchild">星期三</li>         <li id="child1">星期四</li>         <li id="son">星期五</li>         <li id="sonchildson">星期六</li>         <li id="childsonparent">星期日</li>       </ol>   </div>

2、实例结果



3、说明

     [att*=val],如果元素用att表示的属性值中包含用val指定的字符,则该元素使用这个样式

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn