誰能告訴我爲什麼這個網格CSS不工作？

-2

我在過去使用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>

有什麼想法？

來源

2017-12-18 Sadie

'https：// get.gridsetapp.com/37722 /'是一個目錄，而不是一個css文件。 – Sablefoste

根據過去的經驗，這通常可以工作，並按照他們的指示：https://gridsetapp.com/documentation/assets/#downloads此外，下載的版本也不起作用。 – Sadie

儘管存在不尋常的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文件時才適用。

來源

2017-12-18 17:16:47 Sablefoste

誰能告訴我爲什麼這個網格CSS不工作？

回答

相關問題