css - 列表项链接的奇怪继承-6ren

css - 列表项链接的奇怪继承

转载作者：行者123 更新时间：2023-11-28 13:37:10

24

4

在将我的 html 更新为 html5 的过程中，我注意到继承行为有点奇怪。我不确定为什么 ul li 列表中的链接将 css 规则与与其无关的 block 相匹配。

enter image description here 例如在屏幕截图 1(旁边)中，它从页脚接管样式(但在屏幕截图之外也来自 role=navigation)

enter image description here 在屏幕截图 2(页脚)中，它采用了旁边的样式(以及来自 Angular 色=导航的屏幕截图)

为什么会这样？

最佳答案

在您的第一个屏幕截图中，应用的 css 用于#footer #footerGrid ul li a, a:link,a:visited。通过用逗号将其分开，您将拥有 3 个不同的 css 选择器:

#footer #footerGrid ul li a
一个:链接
a:访问过

所以这会应用于页 footer 分，但也会在 a:link 和 a:visited 上触发。你的第二张截图也是如此，反之亦然!

相关文档:

http://msdn.microsoft.com/en-us/library/aa358833%28v=vs.85%29.aspx

Note When grouping selectors, remember that the comma starts an entirely new selector from the beginning.

关于css - 列表项链接的奇怪继承，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9313747/

24

4

0

文章推荐： javascript - 使用 jquery 在 ul 菜单中添加 li dynamik

文章推荐： ios - Tableview Swift 中的多个计时器

文章推荐： css - Firefox li href CSS 选择器

文章推荐： javascript - 使用Javascript动态设置onKeyUp属性

继承
我使用的是 PHP 5.3 稳定版，有时会遇到非常不一致的行为。据我所知，在继承中，父类(super class)中的所有属性和方法(私有(private)、公共(public)和 protected
继承
所以我一直在努力寻找正确的方法来让应该非常简单的继承发挥作用(以我想要的方式 ;))，但我失败得很惨。考虑一下: class Parent { public String name = "Pare
继承
给定这些类: class Father { public Father getMe() { return this; } } class Child extends Father {
继承
为什么最后打印“I'm a Child Class”。？ public class Parent { String parentString; public Parent()
继承
我知道有很多类似的问题对此有很多很好的答案。我试着看看经典的继承方法，或者那些闭包方法等。不知何故，我认为它们对我来说或多或少是“hack”方法，因为它并不是 javascript 设计的真正目的。
WinForms 继承
我已经使用表单继承有一段时间了，但没有对以下方法进行太多研究。只需创建一个新类而不是表单并从现有表单继承并根据需要将所需控件转换为 protected 。 Visual Studio 2010 设计器
C++——继承
我原以为下面的代码片段会产生编译错误，因为派生类不会有我试图在 pub_fun() 中访问的 priv_var。但是它编译了，我得到了下面提到的输出。有人可以解释这背后的理论吗？ class base
java:继承
继承的替代方案有哪些？最佳答案 Effective Java:优先考虑组合而不是继承。 (这实际上也来自《四人帮》)。他提出的情况是，如果扩展类没有明确设计为继承，继承可能会导致许多不恰当的副作用
JavaScript - 继承
我有2个类别:动物( parent )和狗(动物的“ child ”)，当我创建一个 Animal 对象并尝试提醒该动物的名称时，我得到了 undefined ，而不是她的真名。为什么？(抱歉重复发帖
JavaScript:继承
我试图做继承，但没想到this.array会像静态成员一样。我怎样才能让它成为“ protected /公开的”: function A() { this.array = []; } func
java在泛型方法中使用this(继承)
在创建在父类中使用的 lambda 时，我试图访问子类方法和字段。代码更容易解释: class Parent { List> processors; private void do
JavaScript 继承
如果我有一个对象，我想从“ super 对象”“继承”方法以确保一致性。它们将是混合变量。修订 ParentObj = function() { var self = this; t
Java - 继承
class Base { int x=1; void show() { System.out.println(x); } } class Chi
JavaScript 继承
目前我正在尝试几种不同的 Javascript 继承方法。我有以下代码: (“借用”自 http://www.kevlindev.com/tutorials/javascript/inheritanc
Javascript 继承 : How to
我在 .popin-foto 元素中打开一个 popin。当我尝试在同一元素中打开子类 popin 时，它不起作用。代码这是 parent function Popin(container, ti
前置自增运算符的C++继承
我有以下两个类: class MyClass { friend ostream& operatorvalue +=1; return *this; } 现在
CSS 继承
有没有办法完全忽略导入到 html 文件中的 header 中的 CSS 文件？我希望一个页面拥有自己独立的 CSS，而不是从任何其他 CSS 源继承。最佳答案您可以在本地样式表中使用 !imp
JavaScript 继承
Douglas Crockford似乎喜欢下面的继承方式: if (typeof Object.create !== 'function') { Object.create = functio
C#继承
假设我有以下代码: interface ISomeInterface { void DoSomething(); void A(); void B(); } public
链表的C++继承
class LinkedList{ public: int data; LinkedList *next; }; class NewLinkedList: public Lin

首页

博学

6Ren·AI

商城

css - 列表项链接的奇怪继承