E[attr$="value"]选择器
此选择器与E[attr^="value"]选择器恰恰相反，它可以匹配属性值以指定值结尾的元素
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php中文网</title>
<style type="text/css">
li{
list-style:none;
float:left;
height:20px;
line-height:20px;
width:20px;
border:1px solid #333;
border-radius:10px;
border-radius:10px;
border-radius:10px;
text-align:center;
color:green;
margin-right:5px;
}
li[id$="ne"]{
color:red;
}
</style>
</head>
<body>
<div class="antzone">
<ul>
<li>1</li>
<li>2</li>
<li id="antzone">3</li>
<li id="bntzone">4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
</div>
</body>
</html>以上代码可以将id属性以ne结尾的li元素的字体颜色设置为红色。
此选择器当然也可以多个一起使用，代码如下:
li[id$="ne"][title$="et"]{
color:red;
}
neue Datei
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>CSS教程</title>
<style type="text/css">
li[class$="css"]{
color:blue;
}
</style>
</head>
<body>
<ul>
<li class="html-zhuanqu">html专区</li>
<li class="div-css">DIV+CSS专区</li>
<li class="js-zhuanqu">Javascript专区</li>
<li class="jq-zhuanqu">Jquery专区</li>
</ul>
</body>
</html>
Vorschau
Clear
- Kursempfehlungen
- Kursunterlagen herunterladen
Frei
Die Kursunterlagen stehen derzeit nicht zum Download zur Verfügung. Die Mitarbeiter organisieren es derzeit. Bitte schenken Sie diesem Kurs in Zukunft mehr Aufmerksamkeit
Auch Studierende, die diesen Kurs gesehen haben, lernen
Lassen Sie uns kurz über die Gründung eines Unternehmens in PHP sprechen
Kurze Einführung in die Web-Frontend-Entwicklung
Umfangreiche, praktische Tianlongbabu-Entwicklung eines Mini-Version-MVC-Frameworks, das die Enzyklopädie-Website mit peinlichen Dingen imitiert
Erste Schritte mit der praktischen PHP-Entwicklung: Schnelle PHP-Erstellung [Small Business Forum]
Anmeldebestätigung und klassisches Message Board
Wissenssammlung über Computernetzwerke
Schnellstart-Node.JS-Vollversion
Der Frontend-Kurs, der Sie am besten versteht: HTML5/CSS3/ES6/NPM/Vue/...[Original]
Schreiben Sie Ihr eigenes PHP-MVC-Framework (40 Kapitel ausführlich/große Details/Muss gelesen werden, damit Neulinge vorankommen)