属性セレクターで要素のスタイルを指定する

何が起きているか説明してください:
こちらに問題の詳細を記入してください。
動画をそのまま入力したがダメだった。なぜ。助けてください。

   **現状のあなたのコード**

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
 .red-text {
   color: red;
 }
 [type='checkbox'] { margin: 10px 0px 15px 0px; }
 h2 {
   font-family: Lobster, monospace;
 }

 p {
   font-size: 16px;
   font-family: monospace;
 }

 .thick-green-border {
   border-color: green;
   border-width: 10px;
   border-style: solid;
   border-radius: 50%;
 }

 .smaller-image {
   width: 100px;
 }

 .silver-background {
   background-color: silver;
 }
</style>

<h2 class="red-text">CatPhotoApp</h2>
<main>
 <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>

 <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

 <div class="silver-background">
   <p>Things cats love:</p>
   <ul>
     <li>cat nip</li>
     <li>laser pointers</li>
     <li>lasagna</li>
   </ul>
   <p>Top 3 things cats hate:</p>
   <ol>
     <li>flea treatment</li>
     <li>thunder</li>
     <li>other cats</li>
   </ol>
 </div>

 <form action="https://freecatphotoapp.com/submit-cat-photo" id="cat-photo-form">
   <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
   <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
   <label><input type="checkbox" name="personality" checked> Loving</label>
   <label><input type="checkbox" name="personality"> Lazy</label>
   <label><input type="checkbox" name="personality"> Energetic</label><br>
   <input type="text" placeholder="cat photo URL" required>
   <button type="submit">Submit</button>
 </form>
</main>
   **あなたのブラウザ情報:**

ユーザーエージェント: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.84 Safari/537.36

チャレンジ: 属性セレクターで要素のスタイルを指定する

チャレンジへのリンク:

こんばんは
This is Correct code. Are you using “Dark Mode” on your computer browser. Certain Computer Browser Extensions can also cause problems.

You can also “clear your cookies” in the browser, Restart your computer, or Try finishing it on a different browser, or a different device.

これは正しいコードです。 コンピュータのブラウザで「ダークモード」を使用していますか。 特定のコンピュータブラウザ拡張機能も問題を引き起こす可能性があります。

ブラウザで「Cookieをクリア」することもできます。 コンピュータを再起動してください。 または、別のブラウザまたは別のデバイスでチュートリアルを完了してみることができます。

1 Like