Home > Article > Web Front-end > CSS3 [att$=val] selector_html/css_WEB-ITnose
CSS3 [att$=val] selector_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:46:24820browse
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: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></head><body> <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></body></html> 2. Example result
3. Description
[att$=val], if the end character of the attribute value of the element represented by att is 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
Previous article：Slider effect_html/css_WEB-ITnoseNext article：Slider effect_html/css_WEB-ITnose