在分配的类名时，段落不响应更改

Question

我正在尝试在同一个div中调整两个中的一个段落，我不知道该如何做到这一点但是我试图给其中一个段落一个类，结果他们都开始响应就是p没有任何唯一名称。我不确定为什么或有更好的方法来做到这一点？

提前致谢！

的CSS：

.col_12 p1{margin-left:240px; position:relative;}

HTML：

<div class="col_12">
<h3>Contact</h3>
<p><?php show_post('contact'); ?></p>
    <p class="p1"><div id="map_canvas"></div></p>
</div>

Answer 1

.col_12 p1{margin-left:240px; position:relative;}

无效，因为您在.

之前错过了p1

你的css应该是：

.col_12 .p1{margin-left:240px; position:relative;}

Answer 2

语法不正确，您需要将.放在段落标记的类名

之前

.col_12 .p1{margin-left:240px; position:relative;}
________^__________________________________________

Answer 3

这应该更加动态

   .col_12 p:nth-child(2){margin-left:240px; position:relative;}

Answer 4

如果你愿意，你可以尝试自己的班级  .col_12 p1{margin-left:240px !important; position:relative;}

Answer 5

对我而言，<div>中不允许<p>。 您可以改用<span>。

-Sven