ヘッダーの文字が青くなってしまった

      <section class="contact-section section" id="contact-section">
        <div class="inner">
          <div class="section-heading">
            <h2 class="heading-primary">CONTACT</h2>
          </div>
          <div class="section-lead">
            <p>
              お問い合わせは、<br class="sp-only">こちらのコンタクトフォームかSNSでお願いいたします。
            </p>
          </div>
            
            <head><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css"></head>
<br />
<div class="inner contact">
                <!-- Form Area -->
                <div class="contact-form">
                    <!-- Form -->
                    <form id="contact-us" method="post" action="#">
                        <!-- Left Inputs -->
                        <div class="col-xs-6 wow animated slideInLeft" data-wow-delay=".5s">
                            <!-- Name -->
                            <input type="text" name="name" id="name" required="required" class="form" placeholder="Name" />
                            <!-- Email -->
                            <input type="email" name="mail" id="mail" required="required" class="form" placeholder="Email" />
                            <!-- Subject -->
                            <input type="text" name="subject" id="subject" required="required" class="form" placeholder="Subject" />
                        </div><!-- End Left Inputs -->
                        <!-- Right Inputs -->
                        <div class="col-xs-6 wow animated slideInRight" data-wow-delay=".5s">
                            <!-- Message -->
                            <textarea name="message" id="message" class="form textarea"  placeholder="Message"></textarea>
                        </div><!-- End Right Inputs -->
                        <!-- Bottom Submit -->
                        <div class="relative fullwidth col-xs-12">
                            <!-- Send Button -->
                            <button type="submit" id="submit" name="submit" class="form-btn semibold">Send Message</button> 
                        </div><!-- End Bottom Submit -->
                        <!-- Clear -->
                        <div class="clear"></div>
                    </form>

                    <!-- Your Mail Message -->
                    <div class="mail-message-area">
                        <!-- Message -->
                        <div class="alert gray-bg mail-message not-visible-message">
                            <strong>Thank You !</strong> Your email has been delivered.
                        </div>
                    </div>

                </div><!-- End Contact Form Area -->
            </div><!-- End Inner -->


<center> <a href="http://shuvohabib.com" target="blank"></a> </center>
          <div class="section-body contact">
            <ul class="contact-list">
              <li class="contact-item">
                <a class="contact-link" href="https://instagram.com/" target="_blank"><img class="contact-image"
                    src="img/contact/25412-3-instagram-file.png" alt=""></a>
              </li>
              <li class="contact-item">
                <a class="contact-link" href="https://www.facebook.com/" target="_blank"><img class="contact-image"
                    src="img/contact/8-2-facebook-transparent.png" alt=""></a>
              </li>
            </ul>
        
          </div>
        </div>
      </section>
      <!-- /.contact-section -->
コード
```![イメージ説明](562027dcd1b3e0647e3ac9764976165c.png)

この部分はいじっていなかったのに
いきなり青くなりました。
元はここの部分にマウスを載せても隣のような黒いままでした。

thyda.eiqau

2020/07/06 17:24

インスペクタを使って該当の要素に対してどのようなCSSが適用されているか、あるいは適用されていないか確認してください。該当部分のコードをご提示ください。

thyda.eiqau

2020/07/08 07:37

再掲しますが、インスペクタを使って該当の要素に対してどのようなCSSが適用されているか、あるいは適用されていないか確認してください。

Lhankor_Mhy

2020/07/09 03:46

ご提示のコードに、「ABOUT」という部分は含まれていないようです。（ついでに言えば「WORKS」もない）コピペミスでは？

Lhankor_Mhy

2020/07/09 03:50

また、過去の質問がクローズされていませんので、そちらもご対応お願いします。

行動規範の内容に同意します

回答1件

リンクタグ<a>を使用したのではないでしょうか？
リンクタグではすでにスタイリングされているものがあるというイメージを持っていただけたら良いと思います。例として文字色、下線が挙げられます。

CSS
1a {
2  text-decoration: none;
3  color: black;
4}
5
6a:hover {
7  color: black;
8}
9

投稿2020/07/06 17:28

kai0310

総合スコア2076

Mi63203822

2020/07/07 18:40

htmlを入力した際に、このような青い文字が出てきてしまったので、cssは関係ないと思われます。????

Mi63203822

2020/07/07 18:41

こちら、ヘッダー部分にこのcssを使うイメージでしょうか？

kai0310

2020/07/07 18:45

> htmlを入力した際に、このような青い文字が出てきてしまったので、cssは関係ないと思われます。???? いいえ。ですからHTMLタグでもuser agent stylesheetとは別でスタイリングされていると思ってください。例として<h1>もfont-sizeやfont-weightが変わってくるのと同様です。まずはご自身で試されてみては？

kai0310

2020/07/07 18:47

提示してもらったコードでは再現できません。 https://codepen.io/k011510/pen/yLeKxzq

Mi63203822

2020/07/08 07:00

試してみてわからなかったので質問していますけど

kai0310

2020/07/08 12:16

> 提示してもらったコードでは再現できません。 > https://codepen.io/k011510/pen/yLeKxzq ではまず提示されたコードで再現できる様にしてください。

行動規範の内容に同意します