Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS类命名不同?_Html_Css_Class - Fatal编程技术网

Html CSS类命名不同?

Html CSS类命名不同?,html,css,class,Html,Css,Class,我正在使用TN3 gallery(jquery幻灯片放映),并尝试将类名更改为我认为更容易理解的类名。问题是div中的类名与.css文件中控制它的类名不同?我很困惑,因为我以前从来没有见过这个?我只给一个div类命名了与css代码中的类相同的名称?例如: <div class="tn3 description"> and in the .css file the class that controls this div is: .tn3-image-description{Cod

我正在使用TN3 gallery(jquery幻灯片放映),并尝试将类名更改为我认为更容易理解的类名。问题是div中的类名与.css文件中控制它的类名不同?我很困惑,因为我以前从来没有见过这个?我只给一个div类命名了与css代码中的类相同的名称?例如:

<div class="tn3 description">

and in the .css file the class that controls this div is:

.tn3-image-description{Code here}

在.css文件中,控制此div的类是:
.tn3图像描述{Code here}
所以我的问题是,一个不同名字的班级如何工作??? 对我而言,我理解如下:

<div class="description">
.description{Code here}

.description{Code here}

有趣的是,我渴望了解这是如何工作的,因为我以前从未见过这样做的事情

该div使用多(2)个单独的类:
tn3
description

还要检查是否在原始CSS中导入了任何其他CSS文件。这通常是通过
@importurl(“other.css”)完成的语法,因此您可以搜索
@import
语句。

类是唯一的条件
使用
.c.x{}
只会设置
的样式“cx”

您如何知道它的工作原理?可能该类会被脚本动态地替换为
tn3 image description
。?您确定在别处没有声明任何通用选择器吗?比如
.someparent>div
来获取第一个子div?正如您所描述的,这是行不通的。@我知道这是有效的,因为我将css作为一个测试进行了更改。它肯定与某个地方有某种联系?@CBroe这就是我所想的,也许它是在幕后用jQuery完成的?我使用两个单独的类检查了这一点,是的,它似乎正在这样做。问题是另一个类位于另一个不在header标记中的工作表上!工作表必须链接到其他地方的第二个外部样式表?设置一点也不直接。我不知道有可能在页面头标签中没有链接的情况下引入外部表单!我将深入挖掘,因为还有XML内容。不知道为什么会有这么混乱的设置!您可以这样从另一个css文件导入一个css文件:
@import url(“other.css”)使用此信息更新答案。
<div class="a b"></div>

<style> 
    .a {color:blue;} /*The style only need to match a element with class "a"*/
    .a.b {color:red;}  /*The style need to match a element with class "a" AND "b"*/
</style>
<div>
    <div class="c x"></div>
    <div class="c"></div>
    <div class="x"></div>
</div>