Question

如果我想用一类示例在div中设置h1样式，我会去div.example h1

但是，为什么当我想用任何类型的铅来设置任何段落的样式时，我会p.lead而不是lead.p？不应该p与第一段中的h1相似吗？

谢谢。

Answer 1

你的h1风格结构如下：

<div class="example">
   <h1>Hello</h1>
</div>

而对于lead.p ..你需要有一个标签，如： -

<lead class="p"></lead>

html中没有引导标记。

对于p.lead，

标签将如下： -

<p class="lead"></p>

希望你现在找到差异。

Answer 2

在为标记元素编写样式时，标记始终首先跟随属性。如果要为属性设置样式，则会错过标记，只需键入.className或#idName

＆＃13;

p{
  font-size: 20px;
}


p#hello-world {
  color: blue;
}

p.hello-world {
  color: red;
}

p.hello-world.italic {
  font-style: italic;
}

.bold{
  font-weight: bold;
}

#bye{
  text-decoration: underline;
}

＆＃13;

<pre>p</pre>
<p>Hello World</p>

<pre>p#hello-world - p tag with id 'hello-world'</pre>
<p id="hello-world">Hello World</p>

<pre>p.hello-world - p tag with class 'hello-world'</pre>
<p class="hello-world">Hello World</p>

<pre>p.hello-world.italic - p tag with class 'hello-world' and italic</pre>
<p class="hello-world italic">Hello World</p>

<pre>.bold - any tag with class 'bold'</pre>
<div class="bold">Hello World</div>

<pre>#bye - any tag but only the first as id's should
be unique (use class instead if you want to target
multiple elements) with id 'bye'</pre>
<div id="bye">Hello World</div>

＆＃13;

款式段与铅类

2 个答案: