CSS獲取交集

在CSS中，交集( conjunction)指的是兩個或多個元素之間的相互關聯。通過使用交集運算符(&)來獲取元素的交集，可以使用以下語法：

```css

#container > *:not(.special) {

color: blue;

在上面的代碼中，`#container`是你要獲取交集的HTML元素，`> *:not(.special)`是交集運算符，它表示從`#container`中選擇所有不是`.special`的元素。`:not(.special)`是一種特殊的選擇器，用于選擇不包含特定元素的元素。

例如，以下代碼將創建一個帶有藍色背景的按鈕，它只包含`#button`元素，而`#button input[type="button"]`元素不是它的交集：

```html

<div id="container">

<button id="button">點擊我</button>

<input type="button" id="input">

</div>

<div id="container">

<button>點擊我</button>

<input type="text" id="input">

</div>

在上面的代碼中，`#container`是你要獲取交集的HTML元素，`#button`和`#input`是你要選擇的元素。使用交集運算符，我們可以創建一個帶有藍色背景的按鈕，它只包含`#button`元素，而`#input`元素不是它的交集：

```css

#container > *:not(.special) #button,

#container > *:not(.special) #input {

background-color: blue;

在上面的代碼中，`#button`和`#input`是用交集運算符選擇出來的元素。第一個條件語句使用`#button`選擇所有不是`#input`的元素，第二個條件語句使用`#input`選擇所有不是`#button`的元素。這兩個條件語句的交集就是只包含`#button`和`#input`元素的元素，它們都有藍色背景。