Question

我有一个名为NEW的页面，上面有一个from标记，它的顶部是一个包含我的样式的外部页面。我链接该页面上的样式的方式与在另一页面上相同，但是由于某些原因，即使在另一页面上使用完全相同的路线，该样式也未应用。这可能是怎么回事？

样式正常运行的页面：

$returnHTML = view('job.userjobs',compact($userjobs))->render();// or method that you prefere to return data + RENDER is the key here`

样式不适用的页面：

<% layout('partials/layout') -%>

  <h1 class="heading">Pet Gallery!</h1>     

  <div class="blog-home2 spacer">
  <div class="container gallery-container">
              <div class="row m-t-40">
             <% posts.forEach(function(post) { %> 
            <div class="col-md-4">
                <div class="card" data-aos="flip-left" data-aos-duration="1200">
                      <!-- spot where image should go -->
                    <h1><%=post.name %></h1>
                    <span><%=post.fee %></span>
                    <span><%=post.description %></span>
                    <span><%= post.location%></span>  
                    <div><a href="/gallery/pet/<%=post.id %>">View More</a></div>
                </div>
            </div>
             <% }) %>
        </div>
    </div>
  </div>

包含导航栏和样式链接的代码：

<% layout('partials/layout') -%>

<h1>New Pet</h1>

<form action="/gallery" method="POST" enctype="multipart/form-data">

<div>
    <input type="text" name="post[name]" placeholder="Name">
</div>
<div>
    <input type="text" name="post[fee]" placeholder="Rehoming Fee">
</div>
<div>
    <textarea name="post[description]"  placeholder="Description"></textarea>
</div>
<div>
    <input type="text" name="post[location]"placeholder="Location">
</div>
    <input type="file" accept='images/*' name="images"  multiple>
</div>
<div>
    <input type="submit">
</div>


  [1]: https://i.stack.imgur.com/zjj7C.png

Answer 1

<% layout('/partials/layout') -%>有一个正斜杠。这意味着浏览器将在域的顶层开始搜索。因此，如果当前目录为http://example.com/pages/：

/partials/layout将在http://example.com/partials/layout

中搜索

同时

partials/layout将在http://example.com/pages/partials/layout

中搜索

Answer 2

好吧，我终于能够找出问题所在。我在样式表链接上的上缺少正斜杠。仍然不确定哪一个适用于一页，但不适用于其他页面，但是问题解决了。谢谢您的帮助。

CSS样式不适用于页面

2 个答案: