Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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 - Fatal编程技术网

CSS类链接与逗号分隔与空格分隔语法

CSS类链接与逗号分隔与空格分隔语法,css,Css,以下是使用css设计样式的方法,它们的意思是相同的。对于第一个问题,如果someclassA和someclassB都在同一个元素上,那么它是针对它们的吗?第二个,目标元素是someclassA还是someclassB?它们与.someclassA、.someclassB有何不同 .someclassA.someclassB { } .someclassA .someclassB { } .someclassA, .someclassB { } 这些选择器按照以下代码工作。这些选择器是: .

以下是使用css设计样式的方法,它们的意思是相同的。对于第一个问题,如果someclassA和someclassB都在同一个元素上,那么它是针对它们的吗?第二个,目标元素是someclassA还是someclassB?它们与.someclassA、.someclassB有何不同

.someclassA.someclassB {
}

.someclassA .someclassB {
}

.someclassA, .someclassB {
}

这些选择器按照以下代码工作。这些选择器是:

  • .someclassA.someclassB
    :0 2 0
  • .someclassA.someclassB
    :0 2 0
  • .someclassA
    :0 1 0
  • .someclassA.someclassB{
    颜色:红色;
    }
    例如:A类,B类{
    颜色:蓝色;
    }
    .someclassA,
    .一些B类{
    颜色:绿色;
    }

    .someclassA

    .someclassB

    .someclassA.someclassB

    例如:A类,B类

    A.有些B.有些A


    以下选择器影响同时具有CSS类的元素:

    .someclassA.someclassB
    

    以下选择器影响类为
    someclassB
    的元素,这些元素是类为
    someclassA
    的元素的后代

    .someclassA .someclassB
    
    最后一个选择器影响具有class
    someclassA
    和/或
    someclassB
    的元素:

    .someclassA, .someclassB