CSS-選擇器4-後代選擇器
1、後代選擇器
div p選擇div內部出現的所有p元素，不管p元素巢狀的多少層。
2、效果演示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>後代選擇器</title>
<style type="text/css">
#id1 p{
color: red;
}
</style>
</head>
<body>
<div id="id1">
<div id="id2">
<div id="id3"></div>
<p>內部p元素</p>
</div>
<p>外部p元素</p>
<p>外部p2元素</p>
</div>
</body>
</html>
執行效果：
image.png
相關文章
- 基本CSS選擇器,複合選擇器,後代選擇器CSS
- CSS-選擇器6-兄弟選擇器CSS
- jQuery 後代選擇器jQuery
- CSS樣式中的後代選擇器和子代選擇器CSS
- jQuery子選擇器和後代選擇器區別簡單介紹jQuery
- 002---選擇器（標籤選擇器、類選擇器、id選擇器、偽類選擇器、萬用字元選擇器）字元
- jQuery選擇器介紹：基本選擇器、層次選擇器、過濾選擇器、表單選擇器jQuery
- jQuery選擇器——基本選擇器jQuery
- jQuery選擇器——層次選擇器jQuery
- JQuery選擇器——可見性篩選選擇器和屬性篩選選擇器jQuery
- CSS-選擇器15-:before與:afterCSS
- CSS3新增選擇器（屬性選擇器、結構偽類選擇器、偽元素選擇器）CSSS3
- jQuery選擇器之層次選擇器jQuery
- CSS選擇器（5）——屬性選擇器CSS
- jQuery選擇器——基本過濾選擇器jQuery
- CSS ID選擇器與CLASS選擇器CSS
- jQuery選擇器——內容過濾選擇器jQuery
- jQuery選擇器——子元素過濾選擇器jQuery
- jQuery選擇器——屬性過濾選擇器jQuery
- css3 選擇器：屬性選擇器（五）CSSS3
- jQuery選擇器——表單元素過濾選擇器jQuery
- jQuery選擇器——可見性過濾選擇器jQuery
- jQuery選擇器jQuery
- css選擇器CSS
- jQuery 選擇器jQuery
- CSS 選擇器CSS
- CSSHack 選擇器CSS
- jQuery 選擇器彙總-思維導圖-選擇器jQuery
- CSS5-選擇器5-子元素選擇器CSS
- 淺談邏輯選擇器 -- 父選擇器它來了！
- CSS :required 選擇器CSSUI
- CSS :optional 選擇器CSS
- css選擇器概述CSS
- CSS選擇器(一)CSS
- CSS 元素選擇器CSS
- CSS常用選擇器CSS
- HTML常用選擇器HTML
- jQuery選擇器(下)jQuery