Question

好的，这就是我所拥有的。

BODY
{
font-family: sans-serif;
background-image: url(http://www.thexboxcloud.com/images/xboxbackground2.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: left top;
position: absolute;
margin: 0;
margin-right: 15in;

}

P
{
position: relative;
padding: 1em 1em 1 em 3em;
left: 150px;
top: auto;
border-left: purple .25cm solid;
border-top: purple 1px solid;
border-bottom: purple 1px solid;
}

P.pillow

{
position: absolute;
margin-right: 15in;
}

一切正常，直到我尝试为＆＃34;枕头＆＃34;设置课程。我正在键入它，但似乎上面的一个覆盖了它。

这就是我申请上课的目的：

<p class="pillow">

现在应该可行。

我试图制作一个youtube视频和paypal按钮，用于＆＃34;枕头＆＃34;根本没有边界。

但是当我输入时，它不会覆盖第一个p类。此外，当我将第一个p类设为特定类时，它会使文本边距扩展到整个页面。

doctype代码可以与它有关吗？我正在使用＆＃34;松散＆＃34;。

但我无法弄清楚我能做些什么并且没有特定的课程。任何帮助表示赞赏。感谢。

Answer 1

代码现在不会尝试以任何方式删除边框。您似乎期望P.pillow的规则会阻止P规则对类P中的pillow元素生效。这不是CSS的工作原理。在呈现元素时，具有与元素匹配的选择器的所有规则都是相关的，如果存在冲突设置，则根据CSS级联规则解析它们。

在这种情况下防止边框的一种简单方法是添加

P.pillow { border: none }

Answer 2

就这样做

.pillow {
  position: absolute;
  margin-right: 15in;
}

您在上面的代码中尝试执行的操作是选择类中的任何p元素.pillow将读取

.pillow p{
  position:absolute;
  margin-right:15in
}

但是因为你正在将类正确地应用到p上，所以你不需要在你的css中定义它是什么元素。希望这有帮助

需要一些有关应用CSS类的帮助

2 个答案: