zoukankan      html  css  js  c++  java
  • CSS3的[att*=val]选择器

    1、实例源码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <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;
    	   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>
    </head>
    
    <body>
       <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>
    </body>
    </html>
    

    2、实例结果



    3、说明

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

  • 相关阅读:
    解决ORACLE存储过程锁定的问题
    #{propName,attr1=val1,attr2=val2}
    集成confluence与jira
    jira4.1.1安装
    Mac OS X 10.6下安装MySQL 5.1.45
    JIRA+MySQL配置
    xcode4.5 iOS6 cocos2dx 横屏解决方案
    gSoap
    Jira5.0.2安装及破解
    MFC中显示cocos2dx
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13314569.html
Copyright © 2011-2022 走看看