Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.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
定义CSS类_Css_Css Selectors - Fatal编程技术网

定义CSS类

定义CSS类,css,css-selectors,Css,Css Selectors,我是CSS的新手。 我正在阅读一些代码,其中类的定义如下: .a.b .c.d li.e { margin-top:none; } .a.b .c.d sects.item { border-top: 1px; } 我不明白这是什么意思? 如果我想在上述情况下覆盖边框,我该如何定义自己的类?这些被称为CSS选择器,谷歌CSS选择器可以了解更多信息 以下是来自w3的参考: 简言之 。用于选择一个类 用于通过其id属性选择唯一的元素 .class1.class2,选择class1的class2后

我是CSS的新手。 我正在阅读一些代码,其中类的定义如下:

.a.b .c.d li.e {
margin-top:none; }

.a.b .c.d sects.item {
border-top: 1px; }
我不明白这是什么意思?
如果我想在上述情况下覆盖边框,我该如何定义自己的类?

这些被称为CSS选择器,谷歌CSS选择器可以了解更多信息

以下是来自w3的参考:

简言之

。用于选择一个类 用于通过其id属性选择唯一的元素 .class1.class2,选择class1的class2后代的元素 ,是一个或连词 等等

因此,对于您的示例:

.a.b.c.d li.e{…}:将样式应用于类e的元素,这些元素是类c和d元素的后代,而这些元素又是类a和b元素的后代

.a.b.c.d sec.item{…}:将样式应用于class=item的元素,这些元素是类c和d元素的后代,而这些元素又是类a和b元素的后代


这些被称为CSS选择器,谷歌CSS选择器可以了解更多信息

以下是来自w3的参考:

简言之

。用于选择一个类 用于通过其id属性选择唯一的元素 .class1.class2,选择class1的class2后代的元素 ,是一个或连词 等等

因此,对于您的示例:

.a.b.c.d li.e{…}:将样式应用于类e的元素,这些元素是类c和d元素的后代,而这些元素又是类a和b元素的后代

.a.b.c.d sec.item{…}:将样式应用于class=item的元素,这些元素是类c和d元素的后代,而这些元素又是类a和b元素的后代

c、 d将指

<div id="c" class="d"></div>
CSS中的空格表示.d是.c的子元素。没有空格意味着两个选择器在同一个元素上使用

下面这一类做同样的事情。然而,它会选择一些被称为sects的东西,但这不是一个有效的标记,并且没有声明或字符。在其前面指示ID或类。然后只有具有类项的sects。所以下面的有点坏了。除非有人在使用自定义HTML5标记

.a.b .c.d sects.item {
border-top: 1px; }
c、 d将指

<div id="c" class="d"></div>
CSS中的空格表示.d是.c的子元素。没有空格意味着两个选择器在同一个元素上使用

下面这一类做同样的事情。然而,它会选择一些被称为sects的东西,但这不是一个有效的标记,并且没有声明或字符。在其前面指示ID或类。然后只有具有类项的sects。所以下面的有点坏了。除非有人在使用自定义HTML5标记

.a.b .c.d sects.item {
border-top: 1px; }

难道不可能避免使用e和item类吗?@Xufox-sec是。在Firefox中,它一直拥有最好的MathML支持,该选择器可用于在元素]上添加边框,JSFIDLE中的标记通过HTML验证程序nu一致性检查。@Alohci这是我随机使用的,因为我无法在线发布生产代码,改为sects。@BSMP Nope,我正在处理一个较大文档中的一小部分。是否可以避免使用e和item类?@Xufox-sec是。在Firefox中,它一直拥有最好的MathML支持,该选择器可用于在元素]上添加边框,JSFIDLE中的标记通过HTML验证程序nu一致性检查。@Alohci这是我随机使用的,因为我无法在线发布生产代码,改为sects。@BSMP Nope,我正在处理一个较大文档的一小部分。我仍然混淆.c.d和.c.d。你能解释一下吗?.c.d->class.d元素class.c元素的后代,例如

;但是.c.d选择同时具有两个类的元素,例如,

我仍然混淆.c.d和.c.d。你能解释一下吗?.c.d->class.d的元素class.d的元素class.c的元素的后代,例如

;但是.c.d选择同时具有两个类的元素,例如

子代,而不是子代是子组合符。后代是子组合符。>指示器用于直系后代。。。。但两者都涉及子元素。css术语不是这样工作的。看--根据英语语言。。。它是。我不相信W3.org打算重写英语。当我使用一个词时,汉普蒂·达姆蒂用一种相当轻蔑的语气说,它的意思正是我选择它的意思,既不多也不少。爱丽丝说,问题是,你能不能让单词有这么多不同的含义。问题是,汉普蒂·达姆蒂说,谁是主人,就这样。-刘易斯·卡罗尔,透过镜子。是后代,不是孩子。>是子组合符。后代是子组合符。>指示器用于直系后代。。。。但两者都涉及子元素。css术语不是这样工作的。看--根据英语语言。。。它是。我不相信W3.org打算重写英语。当我使用一个词时,Humpty Dumpty 用一种相当轻蔑的语气说,它的意思正是我选择它的意思,既不多也不少。爱丽丝说,问题是,你能不能让单词有这么多不同的含义。问题是,汉普蒂·达姆蒂说,谁是主人,就这样。-刘易斯·卡罗尔,透过镜子。
.a.b .c.d sects.item {
border-top: 1px; }