stylus選中hover元素的兄弟元素下的子元素

本文轉載自查看原文 2017-07-28 15:03 2614 css隨筆

stylus設置兄弟元素樣式：
鼠標浮動在 .video-li 元素上時，.video-li 兄弟中 .video-info 下的 .word 顯示。

 .video-li
            &:hover
                ~ .video-info
                    .word
                        visibility visible

設置 h1 兄弟元素中，class 為 p1 的元素樣式：

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
h1 ~ .p1 {margin-top:50px;}
</style>
</head>

<body>
<h1>This is a heading.</h1>
<p>This is paragraph.</p>
<p>This is paragraph.</p>
<p>This is paragraph.</p>
<p>This is paragraph.</p>
<p class="p1">This is paragraph.</p>
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 使用CSS中的Hover控制顯示子元素或者兄弟元素通過父元素的hover控制子元素的顯示 jquery查找子父、兄弟元素理解分析hover控制子元素或父元素或其它元素的樣式 jQuery中兄弟元素、子元素和父元素的獲取 jQuery中兄弟元素、子元素和父元素的獲取 JS獲取節點的兄弟，父級，子級元素 JS獲取節點的兄弟，父級，子級元素 JQuery[一] 中如何選中$(this)下面的子元素 vue中 $event 的用法--獲取當前父元素，子元素，兄弟元素