Tengo un problema al vincular mi CSS a HTML en mi computadora. Mi archivo html tiene el enlace y el nombre correctos para el archivo CSS, pero cuando lo abro con un archivo HTML en Chrome, no hay estilo. Si abro las herramientas de desarrollo después de eso y voy a la fuente, solo mi archivo js y html se muestran en la carpeta aunque haya un archivo json, css, html y js en la carpeta del proyecto. El nombre del archivo CSS es index.css, el nombre del archivo js es index.js y el nombre del archivo html es index.html. Si sabe lo que podría estar mal, por favor hágamelo saber. Ejecuté ambos archivos aquí y funcionan aquí, pero no cuando intento ejecutar mi archivo html en Chrome.
CÓDIGO:
body { margin: 0; padding: 10px; font-family: Arial, Helvetica, sans-serif; min-width: 400px; } input { width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid #5f9341; margin-bottom: 4px; } button { background: #5f9341; color: white; padding: 10px 20px; border: 1px solid #5f9341; font-weight: bold; } #delete-btn { background: white; color: #5f9341; } ul { margin-top: 20px; list-style: none; padding-left: 0; } li { margin-top: 5px; } a { color: #5f9341; } <!DOCTYPE html> <html lang="en"> <head> <link src="index.css" ref="stylesheet" type: "text/css"> </head>`enter code here` <body> <input type="text" id="input-el"> <button id="input-btn">SAVE INPUT</button> <button id="tab-btn">SAVE TAB</button> <button id="delete-btn">DELETE</button> <ul id="ul-el"> </ul> <script src="index.js"></script> </body> </html>En lugar de "src", debe ser "href" y "type:" debe ser "type="
<link href="index.css" rel="stylesheet" type="text/css">