質問編集履歴

1

sass を css に

2017/07/22 02:58

投稿

bouyomisan
bouyomisan

スコア87

test CHANGED
File without changes
test CHANGED
@@ -52,70 +52,82 @@
52
52
 
53
53
 
54
54
 
55
- .news_list
55
+ .news_list {
56
56
 
57
- max-height: 220px
57
+ max-height: 220px;
58
58
 
59
- width: 660px
59
+ width: 660px;
60
60
 
61
- margin-bottom: 30px
61
+ margin-bottom: 30px;
62
62
 
63
- list-style: none
63
+ list-style: none;
64
64
 
65
- background: grey
65
+ background: grey;
66
66
 
67
- overflow-y: auto
67
+ overflow-y: auto;
68
+
69
+ }
70
+
71
+ .news_item {
72
+
73
+ height: 50px;
74
+
75
+ }
68
76
 
69
77
 
70
78
 
71
- .news_item
79
+ .news_item a{
72
80
 
73
- height: 50px
81
+ display: block
82
+
83
+ }
74
84
 
75
85
 
76
86
 
77
- .news_item a
87
+ .news_item:nth-last-child(even){
78
88
 
79
- display: block
89
+ background: blueviolet;
90
+
91
+ }
80
92
 
81
93
 
82
94
 
83
- .news_item:nth-last-child(even)
95
+ .news_item_time {
84
96
 
85
- background: blueviolet
97
+ display: inline-block;
98
+
99
+ width: 15%;
100
+
101
+ }
86
102
 
87
103
 
88
104
 
89
- .news_item_time
105
+ .news_item_category {
90
106
 
91
- display: inline-block
107
+ display: inline-block;
92
108
 
93
- width: 15%
109
+ width: 8%;
110
+
111
+ border-radius: 5px;
112
+
113
+ background-color: beige;
114
+
115
+ text-align: center;
116
+
117
+ line-height: 40px;
118
+
119
+ vertical-align: middle;
120
+
121
+ }
94
122
 
95
123
 
96
124
 
97
- .news_item_category
125
+ .news_item_ttl {
98
126
 
99
- display: inline-block
127
+ width: 75%;
100
128
 
101
- width: 8%
129
+ margin-left: 100px;
102
130
 
103
- border-radius: 5px
104
-
105
- background-color: beige
106
-
107
- text-align: center
108
-
109
- line-height: 40px
110
-
111
- vertical-align: middle
112
-
113
-
114
-
115
- .news_item_ttl
116
-
117
- width: 75%
131
+ }
118
-
119
- margin-left: 100px
120
132
 
121
133
  ```