質問編集履歴

2

もう1つ試したことを書きました

2021/08/30 02:41

投稿

kiichisato
kiichisato

スコア13

test CHANGED
File without changes
test CHANGED
@@ -83,3 +83,31 @@
83
83
  PHPの8行目でcategoryクラスを指定してみたのですが、このようになってしまい1つ1つにスタイルを適用することができません。
84
84
 
85
85
  ![スクリーンショット](fddc6f8fec6ad88a546d68393b6d2b59.png)
86
+
87
+ タグ1つ1つはa要素なので、categoryクラスかつa要素のスタイルを指定する、という意味で以下のようにも書いてみましたがうまくいきません。
88
+
89
+ ```CSS
90
+
91
+ a.category{
92
+
93
+ display: inline-block;
94
+
95
+ margin: 0 .1em .6em 0;
96
+
97
+ padding: .6em;
98
+
99
+ line-height: 1;
100
+
101
+ text-decoration: none;
102
+
103
+ color: #0000ee;
104
+
105
+ background-color: #fff;
106
+
107
+ border: 1px solid #0000ee;
108
+
109
+ border-radius: 2em;
110
+
111
+ }
112
+
113
+ ```

1

入力したはずのところが消えていたので修正します

2021/08/30 02:40

投稿

kiichisato
kiichisato

スコア13

test CHANGED
File without changes
test CHANGED
@@ -7,24 +7,6 @@
7
7
  投稿を表示するページのタイトル下に表示されるカテゴリーのCSSを編集したいのですが、どのようにすれば良いのかわかりません。
8
8
 
9
9
 
10
-
11
- ```
12
-
13
- エラーメッセージ
14
-
15
- ```
16
-
17
-
18
-
19
- ### 該当のソースコード
20
-
21
-
22
-
23
- ```ここに言語名を入力
24
-
25
- ソースコード
26
-
27
- ```
28
10
 
29
11
 
30
12
 
@@ -48,7 +30,7 @@
48
30
 
49
31
  <time datetime="<?php the_time('Y-m-d'); ?>"><?php the_time('Y.m.d'); ?></time>
50
32
 
51
- <p class=""><?php the_category(', '); ?></p>
33
+ <p class="category"><?php the_category(', '); ?></p>
52
34
 
53
35
  <?php the_content(); ?>
54
36
 
@@ -70,10 +52,34 @@
70
52
 
71
53
  ```
72
54
 
73
- 8行目で
74
-
75
- ### 補足情報(FW/ツールのバージョンなど)
76
55
 
77
56
 
57
+ ```CSS
78
58
 
59
+ .category{
60
+
61
+ display: inline-block;
62
+
63
+ margin: 0 .1em .6em 0;
64
+
65
+ padding: .6em;
66
+
67
+ line-height: 1;
68
+
69
+ text-decoration: none;
70
+
71
+ color: #0000ee;
72
+
73
+ background-color: #fff;
74
+
75
+ border: 1px solid #0000ee;
76
+
79
- ここにより詳細な情報を記載してください。
77
+ border-radius: 2em;
78
+
79
+ }
80
+
81
+ ```
82
+
83
+ PHPの8行目でcategoryクラスを指定してみたのですが、このようになってしまい1つ1つにスタイルを適用することができません。
84
+
85
+ ![スクリーンショット](fddc6f8fec6ad88a546d68393b6d2b59.png)