Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/python-3.x/16.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,.class.class和.class.class之间有什么不同?.class.class匹配class.class的任何元素,这些元素是另一个元素与class.class的后代 .class.class将任何元素与这两个类匹配 .class1.class2 在其class属性中同时设置了class1和class2的元素(如:class=“class1 class2”) 具有class2的元素,它是具有class1类的元素的后代 .name1.name2 <div class="name

.class.class
.class.class
之间有什么不同?

.class.class
匹配class
.class
的任何元素,这些元素是另一个元素与class
.class
后代

.class.class
将任何元素与这两个类匹配

.class1.class2
在其
class
属性中同时设置了
class1
class2
的元素(如:
class=“class1 class2”

具有
class2
的元素,它是具有
class1
类的元素的后代

  • .name1.name2

    <div class="name1">
        <div class="name2">
            ...
        </div>
    </div>
    
    表示同时具有两个类的
    div
    元素,例如:

    <div class="name1 name2">...</div>
    

  • .class.class
    也可用于避免使用
    !重要信息
    ,以防更高的专用性选择器阻止应用您的规则

    在本例中,HTML元素中没有两个类。您只需在样式(选择器)中重复要增加的类,如

    (HTML)。。。
    (CSS.something.something{}
    
    第一个选择包含两个类的元素。后者选择一个元素,该元素具有类
    class
    ,该元素的父元素具有类
    class
    ,为了使一切更容易理解,我认为最好区分
    class1
    class2
    中的类这是最容易理解的答案,然而,我甚至在读它的时候都会感到困惑,哈哈,我是一个webdev@nbro不,这对后者来说更容易理解,顺序重要吗?@ClarusDignus,在.class.class的情况下,顺序不重要。这是我的理解。谢谢你的例子。
    <div class="name1">
        <div class="name2">
            ...
        </div>
    </div>
    
    (HTML) <div class="something">...</div>
    
    (CSS) .something.something {}