CSS中點擊鼠標狀態選中的相關內容如下：

CSS是一種用于網頁設計的樣式表語言，用于定義網頁中的字體、顏色、大小、布局、邊框、背景等樣式。在CSS中，我們可以使用鼠標點擊事件來監聽用戶的鼠標操作，從而對用戶點擊事件進行不同的處理。

在CSS中，使用`hover`屬性來監聽鼠標點擊事件。`hover`屬性有兩個取值：`hover`和`mouseenter`和`mouseleave`。`hover`取值代表鼠標懸停的狀態，`mouseenter`和`mouseleave`取值代表鼠標進入和離開的狀態。

下面是一個簡單的示例，演示了如何使用CSS中的`hover`屬性來實現鼠標點擊事件：

```html

<div id="myDiv">

<p>Hello, World!</p>

</div>

<script>

const myDiv = document.getElementById('myDiv');

myDiv.addEventListener('hover', (event) => {

event.type === 'mouseenter' ? myDiv.style.fontWeight = ' bold' : myDiv.style.fontWeight = ' ';

event.type === 'mouseleave' ? myDiv.style.fontWeight = ' '; : myDiv.style.fontWeight = ' bold';

});

</script>

在上面的示例中，我們使用了`addEventListener`方法來監聽鼠標點擊事件。當鼠標進入或離開`myDiv`元素時，我們會使用`mouseenter`和`mouseleave`事件來分別處理。在`mouseenter`事件處理函數中，我們將`myDiv`元素的字體權重設置為` bold`，在`mouseleave`事件處理函數中，我們將字體權重設置為` `，以使元素在鼠標懸停時保持默認樣式。

除了使用`hover`屬性，我們還可以使用其他CSS屬性來監聽鼠標事件，例如`:《style》`、`:《style》`等。通過使用這些屬性，我們可以監聽各種不同的鼠標事件，從而實現更復雜的操作。

需要注意的是，在使用CSS中的鼠標事件監聽時，我們需要在HTML文檔中聲明元素，并監聽相應的鼠標事件。例如，在上面的示例中，我們需要在`<script>`標簽中聲明`myDiv`元素，并監聽`hover`事件。