.tabs-menu liや.tabs-menu aの示している場所を知りたい

html
1コード<!DOCTYPE html>
2<html lang="ja">
3  <head>
4    <meta charset="utf-8">
5    <title>jQuery テスト</title>
6    <link rel="stylesheet" href="main.css">
7  </head>
8  <body>
9    <ul class="tabs-menu">
10      <li><a href="#tabs-1">タブ1</a></li>
11      <li><a href="#tabs-2">タブ2</a></li>
12      <li><a href="#tabs-3">タブ3</a></li>
13    </ul>
14    <section class="tabs-content">
15      <section id="tabs-1">
16        <p>タブ1の内容が入ります。</p>
17      </section>
18      <section id="tabs-2">
19        <p>タブ2の内容が入ります。</p>
20      </section>
21      <section id="tabs-3">
22        <p>タブ3の内容が入ります。</p>
23      </section>
24    </section>
25
26    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
27    <script src="main.js"></script>
28  </body>
29</html>

css
1コードbody {
2  color: #3F4548;
3}
4
5  /* ulのデフォルトスタイルを消去 */
6.tabs-menu {
7  margin: 0;
8  padding: 0;
9  list-style-type: none;
10}
11
12/* タブの基本スタイル */
13.tabs-menu li {
14  float: left;
15  margin-right: 8px;
16  margin-bottom: -1px;
17  border-style: solid;
18  border-width: 1px;
19  border-color: transparent;
20  border-radius: 4px 4px 0 0;
21
22  /* 各プロパティをふわっと変える演出 */
23  transition: all .15s;
24}
25.tabs-menu a {
26  display: block;
27  padding: 10px 20px;
28  color: #557F95;
29  text-decoration: none;
30}
31
32/* 非選択のタブにマウスを乗せたら色を変える */
33.tabs-menu li:not(.active):hover {
34  border-color: #f0f0f0 #f0f0f0 #999;
35  background-color: #f0f0f0;
36}
37
38/* 選択中のタブ */
39.tabs-menu .active {
40  border-color: #999 #999 transparent #999;
41  background-color: #fff;
42}
43.tabs-menu .active a {
44  color: #3F4548;
45}
46
47/* タブコンテンツ表示エリア */
48.tabs-content {
49  clear: both;
50  border: 1px solid #999;
51  border-radius: 0 4px 4px 4px;
52  padding: 10px;
53}
54
55/* 各タブのコンテンツはデフォルトで非表示 */
56.tabs-content section {
57  display: none;
58}h

前提・実現したいこと

示しているところをしり
ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

示している場所が分からない

エラーメッセージ

該当のソースコード

ソースコード.tabs-menu li {
  float: left;
  margin-right: 8px;
  margin-bottom: -1px;
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
  border-radius: 4px 4px 0 0;



.tabs-menu a {
  display: block;
  padding: 10px 20px;
  color: #557F95;
  text-decoration: none;
}

試したこと

ここに問題に対して試したことを記載してください。
試していない

補足情報（FW/ツールのバージョンなど）

ない
ここにより詳細な情報を記載してください。

yambejp

2019/09/06 05:10

> 場所を知りたい場所ってなんでしょう？知りたいというのはどういう情報があればいいのですか？

m.ts10806

2019/09/06 05:11

質問テンプレート文言が残りすぎていて何がご自身の文章なのか判別が難しいです。 ”””質問を編集して”””　調整してください。また、自分で書いたコードでないのでしたら出典を明示してください（自分で書いたコードなのに他人に説明させるっておかしいですよね？）

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

回答1件

.tabs-menu li ->
.tabs-menuの下にあるli

.tabs-menu a ->
.tabs-menuの下にあるa

投稿2019/09/06 05:37

kyoya0819

総合スコア10429

yoshinavi

2019/09/09 02:58

なるほど、質問者の意図はこれですかね。 HTMLで「class="tabs-menu"」はあるが、「class="tabs-menu li"」や「class="tabs-menu a"」は、見当たらないので「場所を知りたい」となっているのですね。質問の意図が最初は分からず???でしたが、スッキリしました。