Question

我想知道我是否有这样的东西，它会起作用吗？

#DivBlaBla li p {
}

这会改变那个李的文字吗？如果不是它会是什么？

Answer 1

它将改变div #divblabla中的段落内容因为p是div的一个孩子#divblabla

Answer 2

我想你的意思是你想要改变一个paragrph

这里面是一个。

您必须知道html标签有两个属性id或class。如果你写一个句子如：

<div id="DivBlaBla"></div>

您正在设置id属性，并且只有html页面的一个元素可以拥有它。另一方面，如果你写：

<div class="DivBlaBla"></div>

现在您正在设置class属性，您可以根据需要多次使用它。

要引用CSS中的ID，请使用“＃”，如果要引用您使用“。”的类。

因此，在您的示例中，您将引用具有id =“DivBlaBla”的div，然后您将调用div中的所有p元素。你必须用小写写p，因为css和html是区分大小写的。

Answer 3

只会改变<p>内<li>内#DivBlaBla内的每个<div id=#DivBlaBla> <ul> <li>XXXXX<p>YYYYYY</p>XXXX</li> <li>XXXXX/li> <li><p>YYYYYY</p></li> </ul> <div id=Divception> <ul> <li>XX<p>YYYYY</p></li> </ul> </div> </div> <div id=#DivBla2> <ul> <li>XXXXX<p>XXX</p>XXXX</li> <li>XXXXX/li> <li><p>XXXX</p></li> </ul> </div>的样式，无论多少级别。

在下一个例子中，Y表示将应用样式，X表示它仍将保持不变：

{{1}}

这里有一个选择器列表：http://www.w3schools.com/cssref/css_selectors.asp

Answer 4

这会改变那个李的文字吗？如果不是它会是什么？

没有。只有<p>内的<li>标记内的任何<div id="DivBlaBla">标记都会受到CSS的影响。 <li>文字不受影响。

＆＃13;

#DivBlaBla li p {
  color:red;
}

＆＃13;

<div id="DivBlaBla">This is my DIV text.
  <li>This is my LI text
  <p>Only my P text is red</p>
  </li>
  <li>This is more LI text
  <p>More P text is red</p>
  </li>
</div>

＆＃13;

编辑列表项的P

4 个答案: