css 點擊父元素時促發子元素點擊事件

在CSS中，無法直接觸發子元素的點擊事件。點擊事件是由JavaScript處理的，因此你需要使用JavaScript來實現點擊父元素時觸發子元素的點擊事件。

你可以使用以下方法來實現這個功能：

使用addEventListener方法綁定父元素的點擊事件。
在父元素的點擊事件處理函數中，使用event.target來獲取點擊的子元素。
使用dispatchEvent方法觸發子元素的點擊事件。

以下是一個示例代碼：

HTML:

<div id="parent">
  <button id="child">Click me!</button>
</div>

JavaScript:

var parent = document.getElementById("parent");
var child = document.getElementById("child");

parent.addEventListener("click", function(event) {
  child.dispatchEvent(new Event("click"));
});

child.addEventListener("click", function() {
  alert("Child element clicked!");
});

在上面的例子中，當點擊父元素時，會觸發父元素的點擊事件處理函數，然後在函數中使用dispatchEvent方法觸發子元素的點擊事件，從而觸發子元素的點擊事件處理函數。最後，子元素的點擊事件處理函數會彈出一個警示框顯示"Child element clicked!"。

請注意，這種方法僅適用於觸發子元素的點擊事件，並不能模擬真實的鼠標點擊。如果需要模擬真實的鼠標點擊事件，則需要使用其他技術，例如使用模擬點擊的庫或模擬鼠標事件。