Home >Web Front-end >HTML Tutorial >CSS3 [att*=val] selector_html/css_WEB-ITnose

CSS3 [att*=val] selector_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:46:251040browse

1. Example source code

<!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;	   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></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. Example result



3. Description

[att*=val], if the attribute value represented by att of the element contains the character specified by val, then the element uses this style

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn