1、上下文選擇器：基於祖先或者同胞元素選擇乙個元素。
標籤1 標籤2
其中，標籤2是我們想要選中的目標，而且只有在標籤1是其祖先元素的情況下才會被選中。
上下文選擇器，嚴格來講，叫後代組合式選擇器，就是一組以空格分隔的標籤名。用於選擇作為指定祖先元素後代的標籤。只要有標籤在它的層次結構「上游」存在這麼乙個祖先，那麼就會選中該標籤。無論從該標籤到作為祖先的上下文之間隔著多少層次都沒有關係。
上面的例子表示的是，基於祖先元素選擇em元素，使處於不同標籤下的em呈現不同的狀態。
特殊的上下文選擇符：
1.1、子選擇符》
標籤1 > 標籤2
標籤2必須是標籤1的子元素。與其他常規的上下文選擇符不同，這個選擇符中的標籤1不能使標籤2的父元素之外的其他祖先元素
1.2、緊鄰同胞選擇符 +
標籤1 + 標籤2
標籤2必須緊跟在其同胞標籤1的後面
1.3、一般同胞選擇符 ~
標籤1 ~ 標籤2
標籤2必須在（不一定緊挨著）其同胞標籤1後面
1.4、通用選擇符 *
*（常稱為星號選擇符）是乙個萬用字元，它匹配任何元素
* 會導致所有元素（的文字和邊框）都變成綠色。
1doctype html
>
2<
html
>
3<
head
>
4<
meta
charset
="utf-8"
/>
5<
title
>html5 template
title
>
6<
style
>
7section > h2
/*> 子選擇符 */8
h2 + p
/*+ 緊鄰同胞選擇符*/9
h2 ~ a
/*~ 一般同胞選擇符
*/10
section * a
/*非子選擇符，適用於section的非子元素a
CSS之派生選擇器（上下文選擇器）
選擇器 selector 是css裡面非常重要地一部分知識。根據我暫時淺薄地理解，css就是對乙份html 裡面的元素進行運用各種樣式。所以，第一步就是要準確地定位你想要運用樣式的元素。css裡面通過各種選擇器來定位元素。css裡面選擇器有很多種，今天就只想說說 派生選擇器 一聽 派生選擇器 這個名...
CSS層疊上下文
以下幾種方式可以建立層疊上下文 包括但不限於哈 對有定位的元素 即postion不是預設的static 設定 z index值 將 opacity 設定成比1小的值 將 position 設定成 fixed 或者 sticky 不需要再設定 z index 不使用 normal 而是使用 mix b...
with上下文管理器
在執行 with 語句時，首先執行 with 後面的 open 執行完 後，會將 的結果通過 as 儲存到 f 中 然後在下面實現真正要執行的操作 在操作後面，並不需要寫檔案的關閉操作，檔案會在使用完後自動關閉 實際上，在檔案操作時，並不是不需要寫檔案的關閉，而是檔案的關閉操作在 with 的上下文...