CSS继承不应用样式-6ren

CSS继承不应用样式

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

26

4

所以我得到了以下 DOM 结构，我专注于突出显示的类。

enter image description here

我想将文本“Contributing to Aggregate”的颜色更改为白色。我在顶级元素上放置了一个“标记”CSS 类(称为 fmg-white)(以从页面上的其他元素中识别该元素的实例)。我创建了第二个 CSS 规则(.x4-form-field .fmg4-html-box .fmg-white)，我认为它会结合使用“标记”类和较低级别的应用类(.x4-form-field .fmg4-html-box) 以专门针对 DIV 中的文本。但这并没有发生……(标记由 extjs4 发出)

感谢任何帮助。

.fmg-white
{
    /* marker */
}

.x4-form-field .fmg4-html-box .fmg-white
{
    color: White !important;
}

最佳答案

您错误地应用了选择器:

.fmg-white .x4-form-field.fmg4-html-box
{
    color: White !important;
}

.fmg-white 是 div.x4-form-field.fmg4-html-box

的祖先

如果您想要的元素有多个类，您可以将它们链接起来而不是将它们隔开。

空格(在两个选择器之间)表示下一个元素将是前一个元素的后代。

即html div 将设置页面上所有 div 的样式，但 #myDiv div 将仅设置作为 #myDiv

后代的 div 的样式

关于CSS继承不应用样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12321450/

26

4

0

文章推荐： javascript - 立即检测输入[type ="text"]的变化

文章推荐： html - 为没有高度的父元素计算高度时使用百分号

文章推荐： html - 指向 anchor 的链接不会跳到页面顶部

继承
我使用的是 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继承不应用样式