• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

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

css 来源:Sadie 13次浏览

我在过去使用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文件时才适用。


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)