不适用的CSS样式
我试图运行这个简单的代码，但似乎在CSS中的一些声明没有生效（主要是文本和图像并排放置W/O子弹中心）。不适用的CSS样式
当我使用*的代码片段工具运行代码时，这些样式似乎适用。但是，当我在Chrome，IE和Firefox中运行代码时，<ul>和文本的样式似乎不起作用。
#smedia-container {
\t position:relative;
\t max-width: 302px;
\t max-height: 110px;
\t text-align: center;
}
.smedia-header {
\t background-color: #b90021;
\t color: #fff;
\t min-height: 32px;
\t
}
.smedia-icons li {
\t float: left;
\t display: inline;
\t text-decoration: none;
}<!DOCTYPE html>
<html lang="en">
<head>
<title>social media bar</title>
<link rel="stylesheet" type="text/css" href="smedia-bar.css">
</head>
<body>
<div id="smedia-container">
\t <div class="smedia-header">
\t \t Social Media
\t </div>
\t <p> Follow Us </p>
\t <ul class="smedia-icons">
\t \t <li><a href="https://www.instragram.com"><img src="instragram.png" alt=" "> </a> </li>
\t \t <li><a href="https://www.facebook.com"><img src="facebook.png" alt=" "></a></li>
\t \t <li><a href="https://www.twitter.com"><img src="twitter.png" alt=" "></a></li>
\t \t <li><a href="https://www.flicker.com"><img src="flicker.png" alt=" "></a></li>
\t \t <li><a href="https://www.youtube.com.com"><img src="youtube.png" alt=" "></a></li>
\t \t <li><a href="https://www.tumblr.com"><img src="tumbler.png" alt=" "></a></li>
\t </ul>
</div>
</body>
</html>我验证了HTML和CSS都使用在线验证器和两个回来有效。
等待一段时间清理我的缓存后，更新我的文本编辑器（sublime3）重新启动我的电脑，删除与ul.smedia-icons li元素相关的所有样式，保存文档并重新插入代码中的样式，似乎现在工作正常。即使以文本为中心的风格现在似乎也行得通。它甚至适用于多个浏览器，所以我认为它可能是我的文本编辑器或计算机系统中的一个错误。很高兴知道我的语法和逻辑是正确的。感谢所有帮助过我的人！
如果它在代码片段中而不是在桌面上运行，则问题很可能是您对CSS文件的链接引用。使用您向我们显示的代码，css文件必须与您的html文件位于同一目录中。它们不能位于单独的文件夹中。
作为一个便笺，你会想要更新所有的外部链接，在他们面前也包含“http：//”。否则，这些链接都不会真正起作用。
例如<a href="www.instragram.com">实际上应该是
<a href="http://www.instragram.com">
这两个文件都位于同一个文件夹中我知道样式表是正确链接的，因为我已经在css中声明了背景颜色样式文件在我的浏览器中正常显示出于某种原因，ul样式和文本居中样式不适用，我不知道为什么 – 2015-04-02 19:41:22
作为附加说明：协议不是必需的，链接才有效。 =“// www.instragram.com”'适用于http和https – rlemon 2015-04-02 19:49:17
如果它位于某个Web服务器上，则为true，但如果在没有Web服务器的情况下在桌面环境中本地使用它，它将不起作用。假设OP还没有运行本地web服务器的水平 – xengravity 2015-04-02 19:58:22
我不知道，但我认为text-decoration: underline不行，请尝试添加
.smedia-icons li a {
text-decoration: none;
}
你的问题是很难（甚至不可能）没有问题，我们可以解决复制。 'smedia-bar.css'中的其他样式是否工作？你能提供一个有问题的网站的链接？ – showdev 2015-04-02 19:29:27
样式表中有样式正在应用（能够成功添加背景颜色）。我从桌面上运行文件。如果这会有帮助，我可以添加屏幕截图。 – 2015-04-02 19:33:23
不幸的是，我的声望还不足以包含屏幕截图。对不起：（ – 2015-04-02 19:44:58