首页 >web前端 >html教程 >CSS3的[att*=val]选择器_html/css_WEB-ITnose

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

WBOY
WBOY原创
2016-06-24 11:46:251037浏览

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指定的字符,则该元素使用这个样式

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn