Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > CSS3 [att$=val] selector_html/css_WEB-ITnose

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

WBOY
Release： 2016-06-24 11:46:24
Original
845 people have browsed it

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>
Copy after login

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

Related labels：
CSS3的[att$=val]选择器
source：php.cn
Previous article：Slider effect_html/css_WEB-ITnose Next article：HTML notes_html/css_WEB-ITnose
Statement of this Website
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
Latest Articles by Author
Latest Issues
Unable to get input element from website So I'm trying to get an input element from Twitter, but when I run it it keeps giving me a...
From 2024-04-06 18:59:57
0
1
442
vue vee-validate captures the problem of date picker selection The v-model binding on my datepicker field is not working properly. When you make a select...
From 2024-04-06 11:38:56
0
1
510
Use JS to control playback quality Is there any way to control the playback quality of a video using Javascript? More precise...
From 2024-04-04 00:21:55
0
1
384
Javascript event delegate with unknown selector and children I have a dynamic selector (linkTrigger) which is supposed to capture clicks on an element....
From 2024-04-03 23:39:19
0
1
420
How to use CSS selectors to target div elements containing specific attributes or tags? I'm working on a POS system that generates a website. Most of the code is proprietary so I...
From 2024-04-03 22:25:59
0
1
277
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template