CSS三大基礎選擇器 1.元素選擇器

提問人：劉團圓發(fā)布時間：2020-11-17

頁面中的元素是構成頁面的基礎。CSS元素選擇器用來聲明頁面中哪些元素使用將要適配的css樣式。所以，頁面中的每一個元素名都可以成為CSS元素選擇器的名稱。例如，div選擇器就是用來選中頁面中的所有div元素。同理，還可以對頁面中的p、ul、li等元素進行CSS元素選擇器的選取，然后對這些被選中的元素進行CSS樣式的修改。

【例題】使用元素選擇器

代碼如下：

<!DOCTYPE>

<html>

<head>

<title>元素選擇器</title>

<style>

color:red;

font-size: 20px;

}

ul{

list-style-type:none;

}

text-decoration:none;

}

</style>

</head>

<body>

<div>

<p>我是第1行P標簽文字</p>

<ul>

<li>第1個li標簽</li>

<li>第2個li標簽</li>

<li>第3個li標簽</li>

<li>第4個li標簽</li>

</ul>

<p><a href="#">我是a標簽</a></p>

<p>我是第2行P標簽文字</p>

</body>

</html>

以上這段CSS代碼表示：HTML頁面中所有的<p>標簽文字的顏色都采用紅色，文字大小為20px；所有的<ul>無序列表采用沒有列表標記風格，所有的<a>取消下劃線顯示。每一個CSS選擇器都包含選擇器本身、屬性名和屬性值。其中，屬性名和屬性值均可以同時設置多個，以達到對同一個元素聲明多重CSS樣式風格的目的。代碼運行結果如圖所示。

繼續(xù)查找其他問題的答案？

相關視頻回答

回復(0)

點擊加載更多評論>>

CSS三大基礎選擇器 1.元素選擇器

繼續(xù)查找其他問題的答案？

最近更新