CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSで指定された属性と値を持つ要素を選択する方法

[attribute =” value”]セレクターを使用して、指定された属性と値を持つ要素を選択します。

次のコードを実行して、CSS [attribute ="value"]Selectorを実装してみてください。ここでは、属性を relと見なしました。 、

例： 

<!DOCTYPE html>
<html>
   <head>
      <style>
      a[rel = nofollow] {
         border: 3px solid blue;
      }
      </style>
   </head>

   <body>
      <a href = "https://qries.com/What-is-Uber-s-business-model-and-how-does-it-compare-with-Ola-s-model-in-India" rel = "nofollow">Uber's Business Model</a><br><br>
      <a href = "https://www.qries.com/How-does-share-market-work-in-India" rel = "noreferrer">Share Market</a>
   </body>
</html>

  1. CSSとJavaScriptでアコーディオンを作成するにはどうすればよいですか？

    CSSとJavaScriptを使用してアコーディオンを作成するためのコードは、次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .demo {    background-color: #eee;    cursor: pointer;    paddi

  2. CSSでレスポンシブフローティング要素を作成するにはどうすればよいですか？

    CSSを使用してレスポンシブフローティング要素を作成するためのコードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Ver