当前位置: 首页 > 面试题库 >

如何指定CSS类的顺序?

吕高寒
2023-03-14
问题内容

我对CSS和class属性有些困惑。我一直认为,在属性值中指定多个类的顺序具有一定的意义。后一类可以/应该覆盖前一类的定义,但这似乎不起作用。这是一个例子:

<html>
<head>
<style type="text/css">
    .extra {
        color: #00529B;
        border:1px solid #00529B; /* Blue */
        background-color: #BDE5F8;
    }

    .basic {
           border: 1px solid #ABABAB;
    }
</style>
</head>
<body>
    <input type="text" value="basic" class="basic"/>
    <input type="text" value="extra" class="extra"/>
    <input type="text" value="basic extra" class="basic extra"/>
    <input type="text" value="extra basic" class="extra basic"/>
</body>
</html>

我希望第三个示例使用class="basic extra"蓝色边框,因为额外指定的边框会覆盖基本边框。

我在ubuntu 9.04上使用FF 3


问题答案:

属性被覆盖的顺序不是由类在class属性中定义的顺序决定的,而是由它们在CSS中出现的位置决定的。

.myClass1 {color:red;}

.myClass2 {color:green;}


<div class="myClass2 myClass1">Text goes here</div>

在该文本div将出现green,而不是red;
因为.myClass2CSS定义比.myClass1。如果我要交换class属性中类名称的顺序,则不会发生任何变化。



 类似资料:
  • 我有一个EAR文件,其中包含两个不同的jar,它们共享一些具有相同package.class名称的类。这些JAR部署在我的APP-INF/lib目录中。 假设A jar包含最新版本的类,B包含旧版本的类。当引用一个类时,Weblogic首先查看B jar并加载破坏某些功能的旧版本。 如何让Weblogic从APP-INF/lib中先加载jar A再加载B?我需要定义一个特定的顺序,以避免加载旧类。

  • 问题内容: 我正在使用fabric(0.9.4)+pip(0.8.2),并且需要为多个服务器安装一些python模块。所有服务器均具有旧版本的setuptools(0.6c8),需要对pymongo模块进行升级。Pymongo需要setuptools> = 0.6c9。 我的问题是pip使用pymongo而不是setuptools开始安装,这会导致pip停止。在需求文件中改组模块顺序似乎无济于事。

  • 问题内容: 我正在处理SQL Reporting Services报表(在VS.Net 2005中),该报表在矩阵中显示不同数据的数量。这些列对特定集合中的客户数量进行计数。因此,我有几个类似的列:“ 1个雇主”,“ 2-9个雇主”,“ 10-19个雇主”等等。 我的问题是SQL Reporting Services按字母顺序对矩阵中的列进行排序。因此,我最终在“ 1个雇主”列之后但在“ 2-9”

  • 但这只有在保证先设置start的情况下才起作用。

  • 问题内容: CSS上是否有规则确定在元素上定义多个类时的级联顺序?(vs ) 目前,似乎没有这种效果。 示例:两个div在Firefox上均为橙色 问题答案: 这取决于在样式表中最后声明的那个。例如, 与

  • 问题内容: 我不得不拆分一个长的CSS文件。我将较小的CSS文件放在目录中。 现在,我必须更新网址以使用表示法将其上移。 无论如何,是否像使用HTML中的base标签一样使用CSS来指定从中加载资产的基本URL? 问题答案: 不,没有。我建议将CSS图像放置在至少与CSS文件相同的级别,这样就无需在路径中向后移动。例如,用于CSS文件的文件夹和用于CSS图像的文件夹。然后,您可以一致地使用CSS图