0
無論出於何種原因，我的瀏覽器或編輯器無法識別我爲段落標記設置的樣式。這是我的代碼。任何幫助是非常讚賞:)無法識別我的段落標記樣式的瀏覽器
/* COLORS */
$color1: #000000;
$color2: #111111;
$color3: #222222;
$color4: #333333;
$color5: #444444;
$color6: #555555;
/* BODY TEXT */
p {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 26px;
color: #ffffff;
}
/* H1-H6 */
h1 {
font-size: 60px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #000;
letter-spacing: 0px;
}
h2 {
font-size: 50px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #000;
letter-spacing: 0px;
}
h3 {
font-size: 40px;
font-family: 'Open Sans', sans-serif;
font-weight: 500;
color: #000;
letter-spacing: 0px;
}
h4 {
font-size: 30px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #000;
letter-spacing: 0px;
}
h5 {
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 100;
color: #000;
letter-spacing: 0px;
}
h6 {
font-size: 10px;
font-family: 'Open Sans', sans-serif;
font-weight: 100;
color: #000;
letter-spacing: 0px;
}<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
<link href="styleguide_sample.css" rel="stylesheet" type="text/css" >
<title>Title of project goes here</title>
</head>
<body>
\t <p>
\t <strong>This is body text:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas id malesuada felis. Sed efficitur scelerisque tortor, a ultricies tortor vestibulum non. Proin id nisi condimentum, ultrices tellus id, vehicula massa. Ut laoreet, purus at malesuada ornare, orci dui mattis elit, fermentum mollis dolor quam ut orci. Morbi consequat non nibh eget aliquam. Donec diam velit, volutpat ut ornare in, ultricies ac est. Aenean a ligula auctor, congue elit nec, fringilla eros. Mauris placerat ligula id neque fringilla, ut congue quam pellentesque. Aenean lacinia, velit ut fringilla tincidunt, tortor nisi faucibus quam, sed lobortis justo ex ac ipsum. Etiam et dolor eget metus ultrices tincidunt non ac erat. Integer non accumsan mi, sed consequat purus.
\t </p>
\t <h1>
\t This is Header 1
\t </h1>
\t <h2>
\t This is Header 2
\t </h2>
\t <h3>
\t This is Header 3
\t </h3>
\t <h4>
\t This is Header 4
\t </h4>
\t <h5>
\t This is Header 5
\t </h5>
\t <h6>
\t This is Header 6
\t </h6>
</body>
</html>我已經測試這火狐&鉻，它似乎是工作的唯一地方是Dreamweaver中。我確定有一個簡單的解決方案。我似乎無法確定它是什麼。
ps：H1 - H6標籤似乎工作正常。唯一不起作用的是P標籤的樣式。
看起來像顏色聲明搞亂了CSS ... – Wavemaster
就是這樣！謝謝。好的眼睛我無法弄清楚我的生活。 – Dinkledine
我已將我的評論添加爲答案，以便您可以關閉該問題並幫助其他人。 – Wavemaster