收藏
批改狀態(tài)：未批改
老師批語：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基本選擇器</title>
<style>
ul {
background: skyblue;
}
.text {
color:red;
}
#shi1 {
color: yellow;
}
ul li{
color: white;
}
ul *{
color: red;
}
ul >li{
color: yellow;
}
#shi2 + li {
color:purple;
}
#shi2 ~ li {
color:lime;
}
</style>
</head>
<body>
<ul>
<li class="text">君不見，黃河之水天上來，奔流到海不復(fù)回。</li>
<li>君不見，高堂明鏡悲白發(fā)，朝如青絲暮成雪</li>
<li>人生得意須盡歡，莫使金樽空對月。</li>
<li class="text">天生我材必有用，千金散盡還復(fù)來</li>
<li>烹羊宰牛且為樂，會須一飲三百杯。</li>
<li>岑夫子，丹丘生，將進酒，杯莫停。</li>
<li id="shi1">與君歌一曲，請君為我傾耳聽。</li>
<li>鐘鼓饌玉不足貴，但愿長醉不復(fù)醒。</li>
<li>古來圣賢皆寂寞，惟有飲者留其名。</li>
<li id="shi2">陳王昔時宴平樂，斗酒十千恣歡謔。</li>
<li>主人何為言少錢，徑須沽取對君酌。</li>
<li>五花馬，千金裘，呼兒將出換美酒，與爾同銷萬古愁。</li>
</ul>
</body>
</html>點擊 "運行實例" 按鈕查看在線實例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>屬性選擇器</title>
<style>
*[id] {
background-color: red;
}
li[class="text"] {
background-color: lightgreen;
}
li[class ~= "test"] {
background-color: brown;
}
li[class ^= "te"] {
background-color: coral;
}
li[class $= "t"] {
background-color: lime;
}
li[class *= "s"] {
background-color: yellowgreen;
}
</style>
</head>
<body>
<ul>
<li>大江東去，浪淘盡，千古風(fēng)流人物</li>
<li id="shi1">故壘西邊，人道是，三國周郎赤壁。</li>
<li>亂石穿空，驚濤拍岸，卷起千堆雪。</li>
<li class="text test">江山如畫，一時多少豪杰。</li>
<li id="shi2">遙想公瑾當(dāng)年，小喬初嫁了，雄姿英發(fā)。</li>
<li class="test">羽扇綸巾，談笑間，檣櫓灰飛煙滅。</li>
<li class="text">故國神游，多情應(yīng)笑我，早生華發(fā)。</li>
<li>人生如夢，一尊還酹江月</li>
</ul>
</body>
</html>點擊 "運行實例" 按鈕查看在線實例
手抄代碼：
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號