Html 不应用样式的外部样式表_Html_Css_Specific Stylesheets

Html 不应用样式的外部样式表

html css

Html 不应用样式的外部样式表,html,css,specific-stylesheets,Html,Css,Specific Stylesheets,我有此页面，用于在我的新工作中测试网站类别的新布局： <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/pure/1.0.0/grids-responsive-min.css" media="all" /> </head> <body&g

我有此页面，用于在我的新工作中测试网站类别的新布局：

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/pure/1.0.0/grids-responsive-min.css" media="all" />
  </head>
  <body>
    <div id="category-desc-grid" class="pure-g">

      <div class="pure-u">
        <p class="title"></p>

        <p class="details">
          Throw Style &amp; Fitted Style<br>
          71 Fabric Color Choices<br>
          Fire resistant. Passes NFPA 701-2010<br>
          Full Color Dye Sublimation
        </p>

        <a href="#" class="button">Buy/View 24 Hour Tablecloths</a>
      </div>

      <div class="pure-u-1-2">
        <p class="title">Single Color Front Panel, Fitted Table Colors &amp; Throws</p>

        <p class="details">
          4ft, 5ft, 6ft, 8ft<br>
          74 Fabric Color Choices,<br>
          including neon colors.<br>
          Fire resistant. Passes<br>
          NFPA 701-2010
        </p>

        <a href="#" class="button">Available in 1, 2, or 3 Day Production</a>
      </div>

      <div class="pure-u-1-2">
        <p class="title">Full Color Print Front Panel</p>

        <p class="details">
          Additional Panel Print $99<br>
          Fitted &amp; Throw Style<br>
          4ft, 5ft, 6ft, 8ft<br>
          71 Fabric Choices<br>
          F.R. - NFPA 701-2010
        </p>

        <a href="#" class="button">Available in 1, 2, or 3 Day Production</a>
      </div>

    </div>

  </body>
</html>




投掷式；合身款式

71种面料颜色选择

耐火的。通过NFPA 701-2010

全色染料升华

单色前面板、适配桌色和；投掷

4英尺、5英尺、6英尺、8英尺

74种面料颜色选择，

包括霓虹灯颜色。

耐火的。通过

NFPA 701-2010

全彩色打印前面板

附加面板打印$99

已安装&；投掷方式

4英尺、5英尺、6英尺、8英尺

71种面料选择

F.R.-NFPA 701-2010

包含的所有样式表都是它们包含在要插入此代码的页面头部中的大量样式表，最后一个样式表除外。这是一个有问题的，将不会应用其任何风格。正如您所看到的，我的HTML中有来自该样式表的类，但是在检查时没有将任何样式归于它们。但是，将应用之前样式表中的样式

为什么

我已经完全删除了网格样式表，并添加了一个简单的行：

.display grid.half{display:inline block；width:50%；max width:50%；}

，但只有排除宽度规则，它才会拆分为两半。难以置信

我刚刚独立添加了引导网格。

我在我的系统上复制了您的代码。inspect控制台抱怨没有声明字符编码，所以我在

标记中插入了一个

片段

此外，我还查看了纯网格css文件。使用类名时，似乎缺少一些元素。例如，我将

“pure-u”

更改为

“pure-u-sm-1-24”

，它在我的浏览器中工作。




投掷式；合身款式

71种面料颜色选择

耐火的。通过NFPA 701-2010

全色染料升华

单色前面板、适配桌色和；投掷

4英尺、5英尺、6英尺、8英尺

74种面料颜色选择，

包括霓虹灯颜色。

耐火的。通过

NFPA 701-2010

全彩色打印前面板

附加面板打印$99

已安装&；投掷方式

4英尺、5英尺、6英尺、8英尺

71种面料选择

F.R.-NFPA 701-2010

浏览器控制台中有错误吗？控制台中有404错误吗？此资源上有一个404检查它很可能是Web服务器问题，其中文件限制在同一个域中。什么是Web服务器、Apache、IIS？@splaten我不这么认为，资源似乎不存在……好吧，我添加了足够公平的字符集，当我尝试每个字符集时，这很奇怪，但我需要1-2，我尝试了12-24，这也不起作用。可笑。@CalyneMartel我在上阅读了文档，您需要复制他们的CDN代码块（从上述页面）并将其粘贴到您的文档中，然后再进行所有其他CSS链接。这对我来说很有效。哦，在其他人之前。我应该想到这一点。哦，好吧，用Bootstrap。谢谢你，很高兴知道。