HTML/CSS のどんな質問にも必ず優しく答えるスレ 33

**Name_Not_Found** · 2025/01/24(金) 14:07:40.93

ここは初心者からベテランまで、全ての人を対象に必ず優しく答えるスレです

類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
Haml、Sass/Scss、LESS、Stylus、PostCSSなどの関連技術もOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。

回答してくれる方は優しい人のみ！　質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつはこのスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう

■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう

■前スレ
HTML/CSS のどんな質問に必ず優しく答えるスレ 32
https://mevius.5ch.net/test/read.cgi/hp/1519547237/

■関連スレ
Webサイト制作初心者用質問スレ part253
https://mevius.5ch.net/test/read.cgi/hp/1626528070/

■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html

■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html

**198** · 2025/11/17(月) 15:28:27.43

関連動画のサムネイルってのは、再生中の動画の右側に表示されてるやつです
その部分に対して大きさの指定などをするってのはなんとなくはわかるんですが、その場所の特定などができず調べてもいまいちわからなかったんです

**Name_Not_Found** · 2025/11/17(月) 16:58:52.89

ここはWeb制作板です
CSSといってもブラウザの拡張機能によって記述方法が異なったりします

**Name_Not_Found** · 2025/11/19(水) 01:56:58.42

>>198
代替クライアント使うのが手っ取り早いんでない？
CSSやDOMのことを覚えるつもりなら基本からGo

**Name_Not_Found** · 2025/11/20(木) 19:48:20.33

そもそもウチの環境じゃ当該箇所が巨大化してないからなあ
スレ違い以前に不具合再現できないんじゃアドバイス出来ない

**Name_Not_Found** · 2025/11/21(金) 04:43:39.71

https://i.imgur.com/VwADpB2.png

左が元々の大きさ、右が巨大化した状態
何個かアカウント作ってたが、変わってたのと変わってないのがあった

**Name_Not_Found** · 2025/11/21(金) 12:52:51.90

こういう質問は最低ブラウザは何なのかOSのバージョンなど使用環境を書かないとようわからん
ログアウトしてみたりブラウザ側の拡張機能全部オフにしてみるとか
ブラウザを再インストールでまっさらな状態で見てみるとか

**Name_Not_Found** · 2025/11/21(金) 18:06:28.27

その現象は今のとこランダムになるみたいね。
同じアカウントでもブラウザ変えれば小さくなったり、同じブラウザでも違うアカウントだと大きさが違うようだし。
UIの変更テスト中でアカウントとブラウザを紐づけてランダムに対象にされてるんじゃないのかな？
一度ターゲットにされるとアカウントとブラウザの組み合わせ替えないと巨大化したままになるっぽい。

**Name_Not_Found** · 2025/11/22(土) 07:58:21.03

そうなんか？ウチは全然影響無いけど
拡張でEnhancer for YouTube入れとけば問題ないんかな？

**Name_Not_Found** · 2025/11/22(土) 08:22:18.97

>>206
Enhancer for YouTube入れてカスタムスクリプトで対策するか、StyleBotでCSS設定するとかすれば大丈夫だとは思う
youtube Row Fixerはダメだね

**Name_Not_Found** · 2025/11/22(土) 10:48:30.55

質問があり、お願いします。ページ内リンクに近い話ですが
特定のWebページの中断箇所を直接表示させたいと思っています。ただし、私のWebページではないので、
ページ内リンク等を仕込めません。

htmlリンクを押すと、上記動きができないものでしょうか？

**Name_Not_Found** · 2025/11/22(土) 11:03:00.95

関係者のWebページですか？
そうでないならモラル的な問題で含め止めた方がいいですよ
埋め込みコードが用意されているならともかく

**Name_Not_Found** · 2025/11/22(土) 11:05:17.65

アドバイスありがとうございます。関係先のWebページで問題ないのですが、そのページを見に行くことが多いので、思案してました。
なんとか出来ました。

**Name_Not_Found** · 2025/11/26(水) 16:28:06.59

以下のサイトをもっと高速化できるでしょうか？
ただし、Javascript無しでお願いします。

cssとhtmlはできるだけ簡素にしたつもりです。

mangaduke.com

**Name_Not_Found** · 2025/11/26(水) 23:00:53.07

サイトの宣伝にしか見えん……

**Name_Not_Found** · 2025/11/27(木) 00:02:06.26

そもそも名前からして違法サイトの可能性も・・・

**Name_Not_Found** · 2025/11/27(木) 05:54:45.23

よく:nth-of-type(n+2):nth-of-type(-n+3)で、2番目～3番目と一行にまとめつつ指定したりするのですが

:nth-last-of-type(-n+10)などの最後尾から指定する場合、飛ばすことは出来ないのでしょうか？
lastでも奇数偶数指定なら飛び石になりそう？ですけど、最後尾より2番目～10番目を一括除去したい、最後尾である1番目は残したいという願望です
よろしくお願いいたしますm(vv)m

**Name_Not_Found** · 2025/11/27(木) 14:39:31.70

>>214
:nth-last-of-type(n+2):nth-last-of-type(-n+10) とか
:not(:last-of-type) じゃダメなの？

**Name_Not_Found** · 2025/11/27(木) 17:01:55.21

:nth-last-of-typeを2連にすると、コード自体が受け付けないんですよね
ですからlastは文字通り最後尾から～までの1本通行なのかなあ？と愚考し、ネットで調べても回答な無く、こちらへ行き着きました

**Name_Not_Found** · 2025/11/27(木) 17:02:28.44

正答が無く

**216** · 2025/11/27(木) 18:16:18.31

自己解決しますたm9(^д^)

お騒がせしましたm(vv)m

**Name_Not_Found** · 2025/11/27(木) 18:19:11.96

普通に二連でいけるんじゃねって書こうとしたのに(´･ω･｀)

**Name_Not_Found** · 2025/11/27(木) 18:24:40.41

「:nth-of-type(n)」と
「:nth-child(n)」がいつもごっちゃになる

**Name_Not_Found** · 2025/11/27(木) 18:44:41.86

2連でいけますけど、サイト次第ではステルスがあるじゃないですか
私の例も1番目が何故か3番目になっており、それで4番目以降に指定すると通りましたっつー
私は敢えてchildを使わないので混同しないものの、順序指定だけは慣れませんねｗ
せめてコードの中にグレー表示し、これは数に入るけどサイト上では無効化されていますよという意思表示があってほしいものです
コードに記載がない状態で、どうやったら1が3などに変化するのか、未だ不可解ですわ
サイト次第では離れた数字へジャンプしている時もありますしm9(^д^)

**Name_Not_Found** · 2025/11/27(木) 21:21:04.46

> コード自体が受け付けない

> サイト次第ではステルスがあるじゃないですか

全体的にちょっと何言ってるか分からない

**Name_Not_Found** · 2025/11/27(木) 22:00:01.40

DOMいじられてるのか表示順だけ変えられてるのかはわからんけど、まあ他者サイトへの対応は板違いだわね

自前のサイトで表示されている要素だけを制御するなら、不可視のクラス定義しといて
:nth-last-child( n + 2 of .elem:not(.hidden)):nth-last-child(-n + 5 of .elem:not(.hidden))
でいけるか

**Name_Not_Found** · 2025/11/28(金) 01:10:08.08

どうでもいいけど
m9(^д^)
就職したら使うのやめろよ

**Name_Not_Found** · 2025/11/28(金) 06:57:49.98

m9（＾Д＾）なんて数年ぶりに見たなｗ

**Name_Not_Found** · 2025/11/28(金) 15:14:57.17

俺ら煽られてんだよ

**Name_Not_Found** · 2025/11/28(金) 16:27:32.48

顔文字で煽るなんて老人会出身かな？

**221** · 2025/11/28(金) 21:58:24.07

せっかくなので素人の雑感ですと
なかなかに悩ましいのが
:nth-of-typeを使用する際にdivで指定したらそのdivが何番目にあるかで、
classを指定するとその同一のclassが何個あるかとされ、
さらにdiv.classといったダブル指定じゃないと働かなかったりする場合もあります

厄介なのはclass指定でもdivのような数え方になっていたり、前回述べた「無いはずのカウント」が存在していたり色々
そこを毎回サイト別に探るのが悩ましいのですよね

より変則的なのはヤ〇ト運輸の荷物追跡サイトなどで、これは飛び石どころか数字がワープしやがるんですよｗ
5の次が4以下になったり、そういう物理的に起こりえない事態にはならないからマシですがｗ
サイト上もコード上も10未満のページが、:nth-of-typeでは(28)とかざら
間の大量のdivはどこへ行ったの？みたいなｗ

何らかの要因でそのタグが無効化されている場合、主にライトグレー表示となって解かり易いんですけどね
amazonのように過去使用していたclassをまとめて隔離したりするサイトもありますし
最近は緑色やscript系のよく分からんものまで増えましたが、サイト上へ直接干渉するコードではないのでスルー

8160行ある俺ティンのフィルタはなかなかなもんッスよ（´∀｀）

**Name_Not_Found** · 2025/11/28(金) 22:06:03.45

スルー検定

**Name_Not_Found** · 2025/11/29(土) 18:49:39.72

m(vv)m
↑いつもの

**Name_Not_Found** · 2025/12/02(火) 11:51:40.80

【Thelemites（テレビアニメ・テレキャス）で頭がおかしくなる。サブカルチャーはまずテレビを捨てろ】
２ー２７．わが内には重大なる危険がある。何故なら、これらのルーン文字（北欧古代文字）を理解せぬ者は重大なる失敗を犯すであろう
【「ルーン（rune）文字はカリグラフィー」「カリグラフィーは美術」
「麗しは美」「美は神への愛」
「汝の意志する事を行え」を超える法はない。愛は法なり、意志の下の愛こそが。】
「細部の神が麗しじゃないなら、今のサブカルチャー自体滅んだほうがいいでしょ」
「サブカル(特に口だけのオタク)は絵が美術ってきっと理解できないんだよ。じゃあ滅ぼすしか無い」
「酷い時代に生まれてしまったな」
【願い通り雑魚がボコボコにされる作品沢山作って】
下手（努力は無価値）・初心者（努力は無価値）・不完全（努力は無価値）
【価値の無いもの：努力】
【価値のあるもの：奇跡・魔法・願いが叶うこと】
まどマギ世界で希望側に都合が一番いいのは苦しめて殺すことだよ。残虐にね徹底的に苦しめて
リゼロ(嫉妬)ゴリ押しは認識誤認で自殺させるため
希望側の上流は察しはつくけど現場を見てないから属性は光
AbrahadabraAbrahadabraAbrahadabraAbrahadabraAbrahadabra
AbrahadabraAbrahadabraAbrahadabraAbrahadabraAbrahadabra
AbrahadabraAbrahadabraAbrahadabraAbrahadabraAbrahadabra