25
4
Tôi nhận thấy rằng mã CSS được liên kết với các liên kết trang thông thường của tôi có ảnh hưởng đến các mục điều hướng trong menu điều hướng web của tôi. Làm cách nào để tránh điều này và giữ các liên kết menu điều hướng như kiểu ban đầu? Nhìn thấy http://jsfiddle.net/8MwX7/
Cảm ơn bạn rất nhiều
Liên kết trang:
Trung tâm cá nhân
Điều phát hành
từ bỏmột:liên kết {
viền dưới: không có;
màu: #2d7ddf;
trang trí văn bản: không có;
}
a:di chuột {
viền dưới: 1px chấm #2d7ddf;
lý lịch: không có;
}
a:đã ghé thăm {
lý lịch: không có;
}
a:hoạt động {
lý lịch: không có;
}
Trình đơn điều hướng:
điều hướng {
phao: đúng;
lề: tự động 20px;
width: 100%;
}
điều hướng ul {
lề phải: -4px;
lề trái: 5px;
căn chỉnh văn bản: đúng;
}
hải quân {
hiển thị: khối nội tuyến;
lề phải: -4px;
lề trái: 5px;
căn dọc: trên cùng;
}
điều hướng một {
phần đệm: 4px 8px;
trang trí văn bản: không có;
màu: rgba(255,255,255,1);
nền: rgba(0,0,0,0,25);
trọng lượng phông chữ: 300;
chuyển đổi văn bản: chữ hoa;
khoảng cách chữ: 1,5px;
cỡ chữ: 14px;
font-weight: 400;
}
điều hướng: di chuột {
nền: rgba(0,0,0,0.35)
}
.activeNav {
nền: rgba(0,0,0,0.35)
}
nav ul li ul {
position: absolute;
display: block;
lề trên: 5px;
lý lịch: không có;
phần đệm trên cùng: 5px
}
nav ul li ul li {
display: block;
phao: không có;
margin: 0;
phần đệm: 0
}
nav ul li ul li a {
display: block;
căn chỉnh văn bản: trái;
màu: rgba(255,255,255,0.9);
bóng văn bản: 0 1px rgba(0,0,0,0.33);
phần đệm: 10px
}
nav ul li ul li a:hover {
nền: rgba(20,150,220,0.5);
color: white;
bóng văn bản: 0 1px rgba(0,0,0,0.5)
}
.di chuột qua một {
display: block;
}
khoảng .hover {
màu: rgba(255,255,255,0.9);
nền: rgba(20,150,220,0.5);
bán kính đường viền: 5px;
position: absolute;
display: block;
lề: 5px 0 0 -57px;
phần đệm: 10px;
cỡ chữ: 13px;
trọng lượng phông chữ: 300;
khoảng cách chữ: 1,5px;
chuyển đổi văn bản: chữ hoa;
text-align: center;
con trỏ: mặc định;
}
câu trả lời hay nhất
Tôi muốn nói thêm rằng việc sử dụng từ khóa !important trong CSS thường được coi là cách làm không tốt.
Ý nghĩa của việc sử dụng "!important" trong CSS là gì?
http://james.padolsey.com/usability/dont-use-important/
Lý do phong cách của bạn không hiệu quả là vì
a:link, a:hover, a:active, a:visited
được coi là hơn
Cụ thể hơnđiều hướng một
Nếu bạn muốn sửa lỗi này mà không sử dụng thẻ quan trọng, hãy sửa đổi "nav a" thành như sau:
điều hướng a:link, điều hướng a:hover, điều hướng a:active, điều hướng a:visited {
phần đệm: 4px 8px;
trang trí văn bản: không có;
màu: rgba(255,255,255,1);
nền: rgba(0,0,0,0,25);
trọng lượng phông chữ: 300;
chuyển đổi văn bản: chữ hoa;
khoảng cách chữ: 1,5px;
cỡ chữ: 14px;
font-weight: 400;
}
Đoạn mã trên tạo ra css sau:
điều hướng a:link, điều hướng a:hover, điều hướng a:active, điều hướng a:visited
So sánh
Cụ thể hơna:link, a:hover, a:active, a:visited
Đây là liên kết đến fiddle được cập nhật: http://jsfiddle.net/8MwX7/2/
Về html - kiểu liên kết trang bị nhầm lẫn với kiểu liên kết menu điều hướng. Tôi có thể sử dụng các kiểu liên kết khác nhau không? , 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/24474821/
25
4
0
我有 table 像这样 -------------------------------------------- id size title priority
我的应用在不同的 Activity (4 个 Activity )中仅包含横幅广告。所以我的疑问是， 我可以对所有横幅广告使用一个广告单元 ID 吗？ 或者 每个 Activity 使用不同的广告单元
我有任意(但统一)数字列表的任意列表。 (它们是 n 空间中 bin 的边界坐标，我想绘制其角，但这并不重要。)我想生成所有可能组合的列表。所以:[[1,2], [3,4],[5,6]] 产生 [[1
我刚刚在学校开始学习 Java，正在尝试自定义控件和图形。我目前正在研究图案锁，一开始一切都很好，但突然间它绘制不正确。我确实更改了一些代码，但是当我看到错误时，我立即将其更改回来(撤消，ftw)，但
在获取 Distinct 的 Count 时，我在使用 Group By With Rollup 时遇到了一个小问题。 问题是 Rollup 摘要只是所有分组中 Distinct 值的总数，而不是所有
这不起作用: select count(distinct colA, colB) from mytable 我知道我可以通过双选来简单地解决这个问题。 select count(*) from (
这个问题在这里已经有了答案: JavaScript regex whitespace characters (5 个回答) 2年前关闭。 你能解释一下为什么我会得到 false比较 text ===
这个问题已经有答案了: 奥 git _a (56 个回答) 已关闭 9 年前。 我被要求用 Javascript 编写一个函数 sortByFoo 来正确响应此测试: // Does not cras
所以，我不得不说，SQL 是迄今为止我作为开发人员最薄弱的一面。也许我想要完成的事情很简单。我有这样的东西(这不是真正的模型，但为了使其易于理解而不浪费太多时间解释它，我想出了一个完全模仿我必须使用的
这个问题在这里已经有了答案: How does the "this" keyword work? (22 个回答) 3年前关闭。 简而言之:为什么在使用 Objects 时，直接调用的函数和通过引用传
这个问题在这里已经有了答案: 关闭 12 年前。 Possible Duplicate: what is the difference between (.) dot operator and (-
我真的不明白这里发生了什么但是: 当我这样做时: colorIndex += len - stopPos; for(int m = 0; m < len - stopPos; m++) { c
思考 MySQL 中的 Group By 函数的最佳方式是什么？ 我正在编写一个 MySQL 查询，通过 ODBC 连接在 Excel 的数据透视表中提取数据，以便用户可以轻松访问数据。 例如，我有:
我想要的SQL是这样的: SELECT week_no, type, SELECT count(distinct user_id) FROM group WHERE pts > 0 FROM bas
商店表: +--+-------+--------+ |id|name |date | +--+-------+--------+ |1 |x |Ma
对于 chrome 和 ff，当涉及到可怕的 ie 时，这个脚本工作完美。有问题 function getY(oElement) { var curtop = 0; if (oElem
我现在无法提供代码，因为我目前正在脑海中研究这个想法并在互联网上四处乱逛。 我了解了进程间通信和使用共享内存在进程之间共享数据(特别是结构)。 但是，在对保存在不同 .c 文件中的程序使用 fork(
我想在用户集合中使用不同的功能。在 mongo shell 中，我可以像下面这样使用: db.users.distinct("name"); 其中名称是用于区分的集合字段。 同样我想要，在 C
List nastava_izvjestaj = new List(); var data_context = new DataEvidencijaDataContext();
我的 Rails 应用程序中有 Ransack 搜索和 Foundation，本地 css 渲染正常，而生产中的同一个应用程序有一个怪癖: 应用程序中的其他内容完全相同。 我在 Chrome 和 Sa
Tôi là một lập trình viên xuất sắc, rất giỏi!