質問編集履歴

1

非効率かもしれませんが、一つの方法を思いつきました。

2024/05/01 02:33

投稿

KentaroxKondo
KentaroxKondo

スコア12

test CHANGED
File without changes
test CHANGED
@@ -35,4 +35,22 @@
35
35
  :hasなども使ってみましたが、結局思い通りの挙動にたどり着くことができず、藁をも縋る思いでこちらに質問させていただいた次第です。
36
36
 
37
37
  ### 補足
38
- 特になし
38
+ 【追記】
39
+ 実際にやりたいことは、表示状態にある.itemの最初のborder-topを無くしたいことだったのですが、以下のコーディングで期待している結果は得られました。
40
+
41
+ ```SASS
42
+ .items {
43
+ border-top: solid 1px black;
44
+
45
+ &:first-child,
46
+ &:first-child.hidden+* {
47
+ border-top: none !important;
48
+ }
49
+
50
+ &.hidden {
51
+ display: none;
52
+ }
53
+ }
54
+ ```
55
+
56
+ ですが、コーディングが冗長に見えます。もっと簡潔に記述する方法があれば教えていただきたいです。