Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在应用CSS类时需要一些帮助吗_Html_Css - Fatal编程技术网

Html 在应用CSS类时需要一些帮助吗

Html 在应用CSS类时需要一些帮助吗,html,css,Html,Css,好的,这就是我所拥有的 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; margi

好的,这就是我所拥有的

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;
}
一切都很好,直到我试着为枕头设定一个等级。我输入的是正确的,但上面2个选项中的一个似乎覆盖了它

以下是我在课堂上的应用:

<p class="pillow"> 
现在这应该行了

我正在尝试制作一个youtube视频和一个枕头的paypal按钮,它周围根本没有边界

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

doctype代码与此有关吗?我用宽松的


但我不知道有什么我不能让一个特定的班级工作。感谢您的帮助。谢谢。

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

在这种情况下,防止边界出现的一种简单方法是添加

P.pillow { border: none }
就这么做吧

.pillow {
  position: absolute;
  margin-right: 15in;
}
在上面的代码中,您要做的是选择类中的任意p元素

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

但是,由于您将类直接应用于p,因此不需要定义它在css中是什么元素。希望这有帮助

看起来你用的是大写字母p。应该是p.pillow,@TheBokiya,这不重要,对吧?。标记和属性名称不区分大小写。@Bokiya CSS解析器对元素不区分大小写:是的,你说得对,这不重要。标记不区分大小写。虽然按惯例它应该是小写的。那么你想去掉p.pillow上的边框吗?如果是这样,您需要覆盖p规则中的内容:border:none。