CSS使用ID选择器应用样式

时间:2018-10-01 18:06:54

标签: css css3

在css中使用id选择器时,是否只有 种方式将特定样式应用于元素?

html:

.MyOwnFancyDiv{
    font-size: 12pt;
    color: #333333;
    /* ... */
}

/** 
 Select a particular element and need to apply the MyOwnFancyDiv style 
**/

#MyClassId{
    /* want to apply the MyOwnFancyDiv style to this particular element */
}

css:

Existing Job 1 - Node ETV -> Node 1 -> Node 2 -> Node 3 -> Node ABC -> Node 5 -> Node 6

Existing Job 2 - Node KJL -> Node 1 -> Node 2 -> Node 3 -> Node MNP -> Node 5 -> Node 6

Existing Job 3 - Node LDG -> Node 1 -> Node 2 -> Node 3 -> Node XYZ -> Node 5 -> Node 6

谢谢

1 个答案:

答案 0 :(得分:2)

您问:

  

我想将MyOwnFancyDiv样式应用于此特定元素[id元素]

这可以按照指定的方式完成-仅通过CSS-像这样:

.MyOwnFancyDiv, 
#MyClassId {
    font-size: 12pt;
    color: #333333;
    /* ... */
}

这会将所有样式规则应用于指定的每个元素(因此,类MyOwnFancyDiv id元素MyClassId

这应该可以解决您的问题。如果不是,请您可以编辑和阐明问题的标准和范围。谢谢。