国产av电影区二区三区曰曰骚网,japanese日本护士xxxx18一19,7777久久亚洲中文字幕

国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

為什麼懸停（hover）不起作用，樣式不顯示？

P粉842215006 2023-08-02 20:04:07

669

<p>我正在設(shè)計(jì)導(dǎo)航條，但是我的滑鼠懸停不起作用。當(dāng)我懸停在“man”項(xiàng)目在我的下拉選單，它的懸停樣式，不工作，不顯示樣式在檢查。有問(wèn)題嗎？這是我的 HTML 程式碼：</p> <p><br />></p>

/* 導(dǎo)覽列容器 */
 身體 {
     保證金：0；
     填充：0；
     框大?。哼吙蚩颍?
 }

 李{
     文字裝飾：無(wú)；
 }

 .nav-容器{
     方向：rtl；
     文字對(duì)齊：右對(duì)齊
 }

 .導(dǎo)覽列{
     溢出：隱藏；
     背景顏色：#333；
     字體系列：Arial；
 }

 /* 導(dǎo)覽列內(nèi)的連結(jié) */
 .navbar a {
     浮動(dòng)：右；
     字體大小：16px；
     白顏色;
     文字對(duì)齊：居中；
     內(nèi)邊距：14 像素 16 像素；
     文字裝飾：無(wú)；
 }

 /* 下拉容器 */
 。落下 {
     浮動(dòng)：右；
     溢出：隱藏；
 }

 /* 下拉按鈕 */
 .dropdown .dropbtn {
     字體大小：16px；
     邊框：無(wú)；
     概要：無(wú)；
     白顏色;
     內(nèi)邊距：14 像素 16 像素；
     背景顏色：繼承；
     字體：繼承；
     /* 對(duì)於手機(jī)上的垂直對(duì)齊很重要 */
     保證金：0；
     /* 對(duì)於手機(jī)上的垂直對(duì)齊很重要 */
 }


 /* 下拉內(nèi)容（預(yù)設(shè)隱藏） */
 .dropdown-內(nèi)容{
     顯示：無(wú)；
     位置：絕對(duì)；
     背景顏色：#f9f9f9；
     寬度：100%；
     左：0；
     框陰影：0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     z 索引：1；
 }

 .dropdown:懸停 .dropdown-content {
    顯示：塊；
  }

.megamenu-容器{
    背景顏色：淺綠色；
    寬度：100%；
}

.megmenu {
    寬度：100%；
}

.megamenu-標(biāo)題 {
    寬度：20%；
    背景顏色：藍(lán)色；
    顯示：內(nèi)聯(lián)塊；
    內(nèi)邊距：5px 15px；
    垂直對(duì)齊：頂部；
}

.megamenu-subitems-default {
    寬度：70%；
    背景顏色：藍(lán)紫色；
    顯示：內(nèi)聯(lián)塊；
    內(nèi)邊距：15px；
}

.megamenu-item {
    浮動(dòng)：未設(shè)定！重要；
    填充：0！重要；
}

.man:hover .megamenu-subitems-default {
    可見性：隱藏；
}

#子項(xiàng)目{
    顯示：內(nèi)聯(lián)塊；
    可見性：隱藏；
    背景顏色：黃綠色；
    寬度：70%；
}

.man：懸停#subitems {
    可見性：可見；
}

。測(cè)試 {
    顏色: 黃色;
}

.man:懸停.test {
    顏色: 小麥色;
}</前>
;
<html lang="zh-cn">
  <頭>
      <元字元集=“UTF-8”>
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <元名稱=“視口”內(nèi)容=“寬度=設(shè)備寬度，初始比例= 1.0”>
      <link rel="stylesheet" href="./megamenu.css">
      <標(biāo)題>文檔
  </頭>

  <正文>
      <div class="nav-container">
          
              首頁(yè)
              <a href="#news">新聞</a>
              <div class="dropdown">
                  
                                      </li>
                                      <li id="女人">
                                          <a class="megamenu-item" href="#">女人</a>
                                      </li>
                                      <li id="孩子">
                                          <a class="megamenu-item" href="#">kid</a>
                                      </li>
                                  </ul>

<div class="megamenu-subitems-default"> <p>hello-default</p>

; <div class="megamenu-subitems-test" id="subitems"> <p>hello-1</p>

<div class="megamenu-subitems"> <p>hello-2</p>

P粉842215006

全部回覆(1)

P粉2264132562023-08-03 18:28:06 1樓

在您的CSS檔案中，您有這個(gè)規(guī)則：

.man:hover #subitems {
 visibility: visible;    
}

然而，#subitems不是.man的後代。您需要將#subitems放置在與.man相同的層級(jí)上，或作為它的後代。

這個(gè)CSS規(guī)則指定了當(dāng).hover在具有類別.man的祖先之一上懸停時(shí)，具有id為#subitems的元素將變?yōu)榭梢姡坏牵谀腍TML中，.man是一個(gè)只有一個(gè)子元素.megamenu-item的div。

為了隱藏預(yù)設(shè)的子項(xiàng)div，請(qǐng)嘗試替換這個(gè)選擇器：

.man:hover .megamenu-subitems-default{
    visibility: hidden;
}

with:

.megamenu-title:hover ~ .megamenu-subitems-default{
    visibility: hidden;
}

對(duì)於每個(gè)選單項(xiàng)目的子項(xiàng)，我建議您要么為每個(gè)子項(xiàng)div提供一個(gè)唯一的ID並使用JavaScript控制它們的可見性，要么更改您的佈局，使.megamenu-subitems div與li元素處?kù)锻患?jí)別，並使用兄弟選擇器，或?qū)⑺鼈冏鳛閘i元素的後代。

點(diǎn)贊 +0

新增回覆