私のフォントの色は何を定義していますか？

-1

タグのフォント色を変更できません。私はこれが特異性と関連していると思いますが、私はそれを変更するために何か進歩を遂げることはできません。私のフォントの色は何を定義していますか？

<header class="header" id="top"> 
    <div class="text-vertical-center"> 
    <h1>Reclamar não muda</h1> 
    <h3>Free Bootstrap Themes &amp; Templates</h3> 
    <br> 
    <a href="#about" class="btn btn-dark btn-lg js-scroll-trigger">Find Out More</a> 
    </div> 
</header>

明らかに、このコードは<html>と<body>タグ内にネストされています

この

はコードです。いくつかの日陰に実際にある

html, 
body { 
    width: 100%; 
    height: 100%; 
} 

body { 
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
} 
.header { 
    position: relative; 
    display: table; 
    width: 100%; 
    height: 100%; 
    background: url(../img/bg2) no-repeat center center scroll; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

.text-vertical-center { 
    display: table-cell; 
    text-align: center; 
    vertical-align: middle; 
} 

.text-vertical-center h1 { 
    font-size: 4.5em; 
    font-weight: 700; 
    margin: 0; 
    padding: 0; 
} 

.about { 
    padding: 50px 0; 
}

を私は（あなたが思っていたならば、ポルトガル語）のテキストReclamar não mudaの色を変更しようとすると、これらは、最大表示されているすべてのクラスとIDのために、それぞれのCSSですグレーの、何も起こりません。 font-color: whiteまたはfont-color:#ffffffをtext-vertical-centerのCSSコードに入力しようとしましたが、何も起こりません。

このコードはすべて無料のブートストラップコードのものです。私の質問に答えるためにそれからコードを必要としている場合は、そう言いましょう。私はここでそれらを入力することができます。

出典

2017-10-09 Lucas Leal

'font-color'ではなく' color'を試してみてください。 – TZHX

問題が色を変えるために、あなたは値color、ないfont-colorが必要なことです。はでなければならないことに注意することも重要です。 colourも機能しません。あなたが探している

：ここ

.text-vertical-center h1 { 
    color: #ffffff; 
}

は（これを実証するために黒の背景色）の作業例を示します

html, 
 
body { 
 
    width: 100%; 
 
    height: 100%; 
 
} 
 

 
body { 
 
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
 
} 
 

 
.header { 
 
    position: relative; 
 
    display: table; 
 
    width: 100%; 
 
    height: 100%; 
 
    background: black; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
} 
 

 
.text-vertical-center { 
 
    display: table-cell; 
 
    text-align: center; 
 
    vertical-align: middle; 
 
} 
 

 
.text-vertical-center h1 { 
 
    font-size: 4.5em; 
 
    font-weight: 700; 
 
    margin: 0; 
 
    padding: 0; 
 
    color: #ffffff; 
 
} 
 

 
.about { 
 
    padding: 50px 0; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<header class="header" id="top"> 
 
    <div class="text-vertical-center"> 
 
    <h1>Reclamar não muda</h1> 
 
    <h3>Free Bootstrap Themes &amp; Templates</h3> 
 
    <br> 
 
    <a href="#about" class="btn btn-dark btn-lg js-scroll-trigger">Find Out More</a> 
 
    </div> 
 
</header>

は、この情報がお役に立てば幸い！ :)

出典

2017-10-09 21:22:19

こんにちは、素早く答えてくれてありがとう。私は '.text-vertical-center h1'をあなたが推奨するように変更しましたが、フォントはまだ灰色です。実際には、テキストはさらに大きく縮小していました。/ –

修正： '.text-vertical-center'に' color：＃ffffff'を置いても効果はありましたが、それでもなお非常に小さいです。私は 'font-size'を変更しようとしましたが、これは役に立たないと思っています –

' .text-vertical-center h1'に置くと、メインタイトルだけが変更されます。 '.text-vertical-center'に置くと、両方のタイトルが変わります。メインタイトルの 'font-size'を変更したい場合、' font-size'宣言は '.text-vertical-center h1'になければなりません。既に定義されています。より高い特異性（代わりに、その宣言を削除することもできます）。 –

ブートストラップには、自分のスタイルを上書きするかもしれない独自のスタイルh1があります。また、色を間違って変更しています。試してみてください：

.text-vertical-center h1 {color:#ffffff}

出典

2017-10-09 21:21:15

私のフォントの色は何を定義していますか？

答えて

関連する問題