首頁 > 開發者 > JavaScript
CSS 指定選取器(十一)，css指定選取器
一、指定選取器
有時個會希望控制某個元素在一定範圍內的對象樣式，這時就可以把元素與Class或者Id選取器結合起來使用
<!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>指定選取器</title><style type="text/css">span.red{ color:red;}div#top{ color:blue; }</style></head><body><span class="red">這是個SPAN類名為CLASS</span><span>這是個SPAN</span><div id="top">這是個DIVID是TOP</div><div >這是個DIV</div></body></html>
指定選取器對象定義樣式限定為class或者id屬性的某種元素非常有用，它對元素的控制精度介於標籤選取器與id或者類別選取器之間，是一種非常實用的選取器類型
如下面模組中如何控制新聞的本文
<div><h2 class="news">新聞標題</h2><p class="news">新聞本文</p><span class="news">新聞說明</span><p>其它檔案資訊</p></div>
css
div p.news{ font-size:18px; color:#FF00FF; }
或者
p.news{ font-size:18px; color:#00FFFF; }
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
