所以,我有点糊涂了这个简单的事情,我GOOGLE了,就像我可以,但我只是不知道Google上搜寻它的正确的关键词,我想CSS选择器,等等,没有答案就足以清除我的困惑。 所以我也测试和p.classname甚至不似乎工作,但在一本书定义我读(更新2012)
要创建CSS类,并选择该课,你写一个类选择,像这样的元素:
p.classname{ stuff }
所以,现在你有选择的一种方式
属于某一类元素,他们的风格。
我无法找到一个定义
classname p
,而我会给这样的定义“选择属于类名p元素”,这是basicly相同。
在p.classname
的作品时,我带来的“类名”仍然糊涂IM,此刻我会想我只是要博使用.classname P,它的工作原理是基本相同的。
所以,请帮我清除这种困惑,我GOOGLE了,我试图帮助这个混乱,但它没有工作,它只是变得更加。
谢谢
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>
它的工作原理完全一样的等级,它的元素一样。