p.classname或.classname P,有什么区别?(p.classname or .cl

2019-08-31 12:33发布

所以,我有点糊涂了这个简单的事情,我GOOGLE了,就像我可以,但我只是不知道Google上搜寻它的正确的关键词,我想CSS选择器,等等,没有答案就足以清除我的困惑。 所以我也测试和p.classname甚至不似乎工作,但在一本书定义我读(更新2012)

要创建CSS类,并选择该课,你写一个类选择,像这样的元素:

p.classname{ stuff }

所以,现在你有选择的一种方式

属于某一类元素,他们的风格。

我无法找到一个定义

classname p ,而我会给这样的定义“选择属于类名p元素”,这是basicly相同。

p.classname的作品时,我带来的“类名”仍然糊涂IM,此刻我会想我只是要博使用.classname P,它的工作原理是基本相同的。

所以,请帮我清除这种困惑,我GOOGLE了,我试图帮助这个混乱,但它没有工作,它只是变得更加。

谢谢

Answer 1:

所以,当你做

p.classname{
  ... 
}

您正在寻找一个<p>与类classname

当你做

.classname p

您正在寻找一个p是类的后裔classname

在CSS . 被用作一个类名称的选择器。



Answer 2:

CSS的工作原理是为了,例如读取每个规则。

p {font-weight: bold;}

p span {font-weight:normal;}

<p>Hiya</p> // BOLD

<p><span>HIYA</span></p> // NORMAL

这同样适用于类

.bold {font-weight: bold;}

span {font-weight:normal;}

<p class="bold">I AM BOLD <span>I AM NOT</span> BOLD AGAIN</p>

<p class="bold"><span> I AM ALL NORMAL</span></p>

所以,在你的例子定义一个class第一将拥有该类每一个元素目标。

通过课后定义的东西.class p它会指定类是P中的所有元素。

希望这有助于

UPDATE

这样你就可以更好地理解,

div {color: blue;}
div p {color: red;}
div p span {color: yellow;}
div ul {color: purple;}

<div>I AM BLUE <p>I AM RED <span> I AM YELLOW</span></p>I AM BLUE</div>

<p>I HAVE NO CSS ATTACHED TO ME</p>

<div><ul><li>I AM PURPLE</li></ul> I AM BLUE</div>

它的工作原理完全一样的等级,它的元素一样。



文章来源: p.classname or .classname p, any difference?