谁能告诉我为什么这个网格CSS不工作？

  • Z时代
  • 2024-01-10
  • 分类：问答

我在过去使用gridsetapp.com来创建响应式网格，但是我最近尝试创建的那个网格不工作，我无法弄清楚原因。谁能告诉我为什么这个网格CSS不工作？

到CSS的链接在这里; https://get.gridsetapp.com/37722/

只是想获得一些基本的东西：

<html><head> 
<link href="https://get.gridsetapp.com/37722/" rel="stylesheet" /> 
</head> 
<body> 
    <div class="d1-d5" style="background:#aaa">ffggg</div> 
</body> 
</html>

有什么想法？

回答：

尽管存在不寻常的CSS链接，浏览器应该会识别您引用的CSS文件。

然而，看着你的参考，你只是试图将CSS应用到类d1-d5。但是，尽我所知，CSS文件中没有完全匹配Just d1-d5。使用开发工具（大多数浏览器上的F12）;他们是你的朋友。它会告诉你什么样的CSS应用在那个时候包括，任何通过JavaScript或链接文件应用。

使用CSS，您需要确保您确切地调出浏览器可以识别的内容，但不能更多（除非优先级更高）。例如，大多数你能叫出你的选择是d1-d5：

HTML体div.d1-D5 {...}

而在您链接的CSS文件，我看到很多父母或子女当搜索d1-d5时，如.d1-d5 .d1,.d1-d5 .d2,.d1-d5 .d3,.d1-d5 .d4,.d1-d5 .d5。 如果你想在这个产业链（.d1-d5 .d5）最后一个，那么你需要一个HTML如：

<html> 
    <body> 
    <div class='d1-d5'> 
     <div class='d5'> 
     This text will have the CSS applied. 
     </div> 
    </div> 
    </body> 
</html>

写成.d1-d5 .d5 CSS的字面意思是“选择与d5类元素作为一个元件与后代类别.d1-d5“。您的HTML与CSS文件中的任何类都不匹配，包括父级和子级选择器。如果你想尝试上面的HTML，你会看到width:18.05273834%;应用（这不是一个非常明显的事情看...为什么不尝试background:yellow;或类似的东西，以便于验证）。

最后，为什么当你有CSS时你是内联样式的？这是不好的形式，只有在你无法控制CSS文件时才适用。

以上是 谁能告诉我为什么这个网格CSS不工作？ 的全部内容， 来源链接： utcz.com/qa/260533.html

回到顶部