scss カラーが適応されない

.contentのカラーが適応されません。
デベロッパーツールで確認したところColor of an element's text Syntax: <color>となっていました。
どのように直したらいいのでしょうか？
ご知識ある方ご教授お願いします

.content {
  margin-left: 10px;
  color: linear-gradient(196.26deg, #c499c5 0%, #2363a9 95.01%);
}

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

回答1件

linear-gradient - CSS: カスケーディングスタイルシート | MDN

<gradient> は CSS の <image> データ型に所属しますので、 <image> が使用できるところでのみ使用できます。このため、 linear-gradient は background-color や、その他の <color> を要求するプロパティでは動作しません。

とありますが該当のclassはどのような属性のものですか？

追記
やりたいことはグラーデションの背景をつけたいのか、文字自体をグラデーションさせたいのかのどちらかと推測しています。
質問主さんが書いている内容はspan要素のcolorにはそのままでは使えません。

HTML
1<html>
2<head>
3  <title>TEST</title>
4  <meta charset="utf-8">
5  <link rel="stylesheet" href="css/bootstrap.css">
6  <style>
7    .content {
8    	  margin-left: 10px;
9    	  background: linear-gradient(196.26deg, #c499c5 0%, #2363a9 95.01%);
10    	}
11    	
12    	.content2 {
13    	  color: #ACB6E5;
14    	  background: -webkit-linear-gradient(0deg, #ACB6E5, #86FDE8);
15    	  -webkit-background-clip: text;
16    	  -webkit-text-fill-color: transparent;
17        }
18  </style>
19  <script>
20  </script>
21</head>
22<body>
23  <p> <span class="content">１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０</span> </p>
24  <p> <span class="content2">０９８７６５４３２１００９８７６５４３２１００９８７６５４３２１００９８７６５４３２１００９８７６５４３２１０</span> </p>
25</body>
26</html>