28
4
Tôi đang cố gắng thực hiện chuyển đổi menu di động đơn giản chỉ bằng CSS. Bằng cách hiển thị và ẩn hai nút có liên kết khác nhau đến các lớp hiển thị hoặc ẩn menu điều hướng.
là người biên tập hướng dẫn nàyliên kết , nhưng bây giờ tôi muốn các nút đóng và mở nằm ở các div riêng biệt (div tiêu đề) và tôi gặp sự cố khi định vị điều hướng để hiển thị hoặc ẩn.
Bằng cách nào đó tôi không thể có được liên kết chính xác tới menu.
Vì vậy, phần làm việc là tôi có một div chứa hai liên kết hiển thị và ẩn nhau như các nút chuyển đổi liên kết
Bây giờ tôi muốn họ hiển thị và ẩn menu. Điều tôi đã thay đổi so với hướng dẫn là các nút chuyển đổi không còn nằm trong cùng một div nữa và bây giờ tôi không thể đặt chúng ở vị trí điều hướng. Vì vậy, đây là vấn đề về đánh dấu HTML/CSS mà tôi đang gặp phải.
Đây là những gì tôi đã có cho đến nay, tôi đoán đó là một điều đơn giản nhưng bất kỳ sự trợ giúp nào cũng sẽ được đánh giá cao.
Cảm ơn trước!
Trung tâm cá nhân
Điều phát hành
từ bỏ
mã HTML
这是一个vĩ cầm
Cập nhật nhỏ, hướng dẫn này sử dụng bộ chọn :target, đây là mô tả của w3school: Một URL có # theo sau là tên liên kết, được liên kết với một thành phần trong tài liệu. Phần tử được liên kết đến là phần tử đích. Bộ chọn :target có thể được sử dụng để tạo kiểu cho phần tử đích của sự kiện hiện tại. w3schools.com/cssref/sel_target.asp
câu trả lời hay nhất
Bạn thực sự có thể đơn giản hóa mã của mình. Trong trường hợp này bạn không cần div. Bạn chỉ cần một liên kết để chuyển đổi menu - tại sao lại đặt liên kết vào div? xem bên dưới
nhãn {
cursor: pointer;
}
#thực đơn {
hiển thị: không có /* ẩn hộp kiểm */
}
.menu chính {
display: none;
}
#menu:đã chọn + .mainmenu {
display: block;
}
điều hướng{display:none;}
nhãn{màu:xanh;trang trí văn bản:gạch dưới;}
Về CSS: bộ chọn mục tiêu một liên kết nhắm mục tiêu hai div?, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/31766106/
28
4
0
Tôi có một div mà tôi muốn hiển thị dưới dạng :target bằng css. Cho đến nay điều này hoạt động tốt. Vấn đề của tôi là: Tôi muốn nó mờ dần. Mã của tôi: Nội dung #stuff { opacity:0;
Tôi muốn tìm tệp libc.so được sử dụng trong bản dựng Rust để tôi có thể truy vấn nó bằng --version. (Một số libcs hiển thị thông tin phiên bản của họ thông qua macro C, vì vậy giải pháp thay thế của họ là sử dụng thùng cc trong tập lệnh xây dựng. Nhưng những người khác thích
Tôi vẫn không hiểu tại sao quy tắc "giả" trong Makefile lại có ".PHONY" làm mục tiêu. Như một điều kiện tiên quyết, điều này sẽ hợp lý hơn. Tôi có cần phải giải thích thêm về điều này không? Nếu A phụ thuộc vào B và B sai thì A sai. Vì vậy, với .PH
在 Fortran 语言中，向具有 TARGET 属性的虚拟参数的过程提供不具有 TARGET 属性的参数应该会导致无效代码。但是，当使用 gfortran (5.1.0) 或 ifort (14.0
如果有人发布过相同的问题，请原谅我，我找不到类似问题的答案。 当我单击带有 #dotNetComponents url 的按钮时，它会将我带到带有 dotNetComponents ID 的 div，
我想用 :target 伪类更改我的 html 中元素的样式。我的标记(第一个是按钮，第二个是目标元素): Call to action target CSS: #btn01:target { b
下面提到的示例代码是 Keith Wood 的 jQuery Countdown 插件的一部分。有人能解释一下吗 _attachCountdown: function(target, options)
我是 React 的新手。这绝对让我感到困惑。我可以使用 event.target 访问 HTML 元素，它显示的值等于某个数字，但每次我使用 event.target.value 时，我都会得到 u
这个问题是关于交叉编译的。 使用 swift 编译器的 -target 或 -target-cpu 选项可以使用哪些不同的目标？我在哪里可以找到概述？ 它只能用于创建 iOS/watchOS 应用程序
在CKEditor 5中，我没有在链接对话框中看到目标属性的字段。 如何添加这样的字段？或将target = _blank设置为默认值。 谢谢 最佳答案 从Link Plugin的11.1.0版本开始
问题:FAKE 中是否有一个命令可以打印构建脚本中所有定义的目标？ 我想以这样的方式设置我的 FAKE 构建:当我不指定目标时，它会打印构建脚本中所有可用目标的列表。 例如: > build.cmd
尝试使用 Visual Studio 2013 Update 3 创建一个新的 Cordova“空白应用程序”。 我看到了模板，但是当尝试打开空白应用程序时，我得到: The imported pro
http://download.oracle.com/javase/6/docs/api/java/lang/annotation/Target.html 此元注释指示声明的类型仅用作复杂注释类型声明
使用CocoaPods，有什么区别 target :TargetName do # Some pods... end 和 target "TargetName" do #
我正在尝试仅使用 CSS 制作一个简单的移动菜单切换。通过显示和隐藏两个按钮，这些按钮具有指向显示或隐藏导航菜单的类的不同链接。 是本教程的编辑link ，但现在我想让关闭和打开按钮位于单独的 div
以下是包含简单日志文件目标的简单 nlog 配置。我的问题是如何为 Nlog.Targets.Redis 添加目标？ 最佳答案 以下是 NLog.Targets.Redis 的正确配置。如果
我想知道您是否可以将一个单元测试包链接到多个目标。因此，可以使用一个测试包测试所有应用程序目标。 我在所有应用程序目标之间有一些共享代码，但也有一些基于正在运行的应用程序目标的特定计算。 目前，如果我
我在 VSTS 中使用部署组将我的应用程序部署到本地测试 Web 服务器。 它已经运行良好很长时间了，但是在大约 6 周没有使用它之后，我现在遇到了这个错误，我想修复它； 最佳答案 您的代理未运行或无
使用 CMake 构建开源项目时(在我的例子中，它是柠檬图库)，当我尝试通过 -DBUILD_SHARED_LIBS=1 构建共享库时出现此错误。 : TARGETS given no LIBRARY
尝试安装 ionic，添加 android 平台时出现以下错误 Error: Please install Android target "android-19". Hint: Run "androi
Tôi là một lập trình viên xuất sắc, rất giỏi!