質問編集履歴

1

内容編集

2020/05/13 10:59

投稿

tomaa
tomaa

スコア84

test CHANGED
File without changes
test CHANGED
@@ -1,50 +1,4 @@
1
- ### 前提・実現したいこと
2
-
3
-
4
-
5
- CSSで複数のセレクターを指定する時のルールが知りたいです。
6
-
7
-
8
-
9
-
10
-
11
- 例えば、CSSで以下のように指定する場合(区切り文字を空白)、
12
-
13
-
14
-
15
-
16
-
17
- ```CSS
18
-
19
- .outer .inner {
20
-
21
- background-color: black;
22
-
23
- }
24
-
25
- ```
26
-
27
-
28
-
29
- 以下のHTMLでは、①②③の箇所("outer"classに囲まれた"inner"class)に適用されると認識しています。
30
-
31
- ```html
32
-
33
- <div class="outer">
34
-
35
- <div class="inner">①</div>
36
-
37
- <div class="inner">②</div>
38
-
39
- <div class="inner">③</div>
40
-
41
- </div>
42
-
43
- ```
44
-
45
- ---
46
-
47
- しかし、例えば、bootstrapの"container"classを利用して、以下のように記述すると、
1
+ 例えば、bootstrapの"container"classを利用して、以下のように記述すると、
48
2
 
49
3
  ```CSS
50
4