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

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

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

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:160px;	   font-family:微软雅黑;	   font-size:18px;	   font-size-adjust:!important;	   font-stretch:expanded;	   font-style:oblique;	   font-variant:inherit;	   font-weight:bolder;	   alignment-adjust:after-edge;	   alignment-baseline:alphabetic;	   marquee-speed:normal;   }   [id$=child]{	   background-color:#C00;	   animation:ease-in;	   word-break:break-all;	   font-size:24px;	   font-style:italic;	   color:#30F;   }</style>   <div id="div_border">   	   <ol>         <li id="child1">星期一</li>         <li id="parent">星期二</li>         <li id="childchild">星期三</li>         <li id="sonchild1">星期四</li>         <li id="son">星期五</li>         <li id="sonchildson">星期六</li>         <li id="childsonparent">星期日</li>       </ol>   </div>

2、实例结果



3、说明

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

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