X



HTML/CSS のどんな質問にも優しく答えるスレ 52
0001Name_Not_Found
垢版 |
2023/08/23(水) 18:52:13.52ID:???
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。
質問するときはIDを出すためにメール欄を age にすることをおすすめします。
回答してくれる方は優しい人のみ! 質問者に対して暴言を吐く人はこのスレを見るな!!
終わった話を蒸し返すやつは このスレにくるな!!!
自分で調べろという回答も禁止!!回答するかさもなくば何も書き込むな!!
質問側も節度あるレスで!質問前にスレ内を検索しましょう

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

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

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

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

前スレ
HTML/CSS のどんな質問にも優しく答えるスレ 51
https://mevius.5ch.net/test/read.cgi/hp/1667020591/
0504Name_Not_Found
垢版 |
2024/05/21(火) 13:26:20.98ID:???
>>502
ありがとうございます、解決しました!
0505Name_Not_Found
垢版 |
2024/05/21(火) 15:28:13.23ID:???
>>498-499
横からだけど、なるほど分からん、と一瞬思ったが
height:autoだと、content-boxでもborder-boxと同じく「ボーダーの内側に収まる」という前提でheightが計算されているから
content-boxのコンテンツ領域の数値はborder-boxの数値と同じになるって考えたら理解できた(何言ってるのか分かりにくいとは思うが)
というか開発者ツールでマウスオーバーで表示されるフローティングボックスだけ見ちゃってて、計算済みタブの方でheightに差が出てるの見落としてたわ
解説ありがとう、勉強になりました
0506Name_Not_Found
垢版 |
2024/05/23(木) 14:52:59.88ID:pd9pga9F
(1)beforeはaaa:beforeのように:が1つの場合で書いてあったりaaa::beforeのように
:が2つで書いてあったりするところがあるけど違いはありますか?

(2)style="aaa:before"のようにstyleの中でbeforeは使えますか?
0507Name_Not_Found
垢版 |
2024/05/23(木) 15:00:35.12ID:???
>>506
1 違いはない :hoverなどの疑似クラスと区別するため推奨される記法

2 できない
0508Name_Not_Found
垢版 |
2024/05/23(木) 15:02:18.54ID:???
>>506
コロンひとつでも問題なく動いちゃうけど
擬似要素は二つ書くことになってます

htmlのstyleでは擬似要素を書くことができません
0509Name_Not_Found
垢版 |
2024/05/23(木) 15:17:31.11ID:???
擬似要素のコロン1つはCSS2.1までの互換のために残ってるだけなので使わない方がいい
0510Name_Not_Found
垢版 |
2024/05/28(火) 01:22:52.49ID:???
WindowsPC版のChromeの拡張機能のstylusで、youtube画面の不用な機能の非表示などをカスタマイズしています。
ミニプレイヤーを無効にしたく、以下の定義の追加でミニプレイヤーのボタンは非表示にできたのですが、

#movie_player .ytp-right-controls button.ytp-miniplayer-button {
display: none !important;
}

タッチパネルが付いてるPCだと、動画再生エリアをタッチしながら下へスワイプすると、
ミニプレイヤーに切り替わってしまう事が判りました。
この動作を無効化したいのですが、方法がありましたら教えてください。

所々、style="touch-action: 〜"のような属性がページ内にあるのでこの辺りが怪しいと思ってるのですが、
どうしたらいいかまでに至ってません。
0512Name_Not_Found
垢版 |
2024/05/29(水) 13:43:44.80ID:???
回答しないつもりなら黙っとればええのに
ChatGPT4o曰くCSSの適用だけでは不十分でTampermonkeyでjavascriptも使えだとさ
0514Name_Not_Found
垢版 |
2024/05/29(水) 13:51:48.83ID:???
板違いなのかな?どこで質問したらいいですかね
CSSとかに詳しそうだったのこの板ぐらいしか見当たらんのだけど
0515Name_Not_Found
垢版 |
2024/05/29(水) 13:52:27.76ID:???
<div><a></a><div><div></div></div></div>
となってる塊全体を指定するにはどうしたらいい?
0516Name_Not_Found
垢版 |
2024/05/29(水) 13:55:23.82ID:???
割とこの話って外人のサイトでも大した情報出てなくて困ってるんだよね
>>1読んでこのスレなら大丈夫そうかなーと思ったらまさか自治厨に煽られるとは
ちょっとでも仕方ねー調べてやっか的な心は芽生えなかったかね?
0517Name_Not_Found
垢版 |
2024/05/29(水) 14:01:25.70ID:???
>>515
一番最初のdivを指定すればいいんじゃない?
classつけたほうがわかりやすいね!
0518Name_Not_Found
垢版 |
2024/05/29(水) 14:07:15.10ID:???
他にも関係ないdivはいっぱいあって
この並びになってるとこだけ抜き出したい
0520Name_Not_Found
垢版 |
2024/05/29(水) 14:09:39.06ID:???
他人が書いてるのでclassは付けられません
0521Name_Not_Found
垢版 |
2024/05/29(水) 14:10:49.38ID:???
パターンマッチを知らんと見えるが
このパターンになっていたらというような条件はCSSでは書けない
残念だったね
0522Name_Not_Found
垢版 |
2024/05/29(水) 14:10:57.48ID:???
状況としてはスクレイピングしていて、特定のデータを抜き出す為のセレクタの書き方
0524Name_Not_Found
垢版 |
2024/05/29(水) 14:16:37.05ID:???
脊髄反射すぎね?100歩譲って今日だけおかしなのが暴れてるとしようか
0525Name_Not_Found
垢版 |
2024/05/29(水) 14:19:22.27ID:eZz6URnG
<div class="aaa">aaa1</div>
<div class="aaa">aaa2</div>
<div class="aaa">aaa3</div>

このように子要素はないけど
class="aaa"の2番目(つまりaaa2)の部分だけbackground-color:#ffff00とするには
どのようにセレクタを指定すればいいんですか?
0526Name_Not_Found
垢版 |
2024/05/29(水) 14:20:42.80ID:???
おさらいしよう
ローカルルール
>扱う話題
> HTML、CSSなどのサイト制作の技術
> JavaScript、VBScriptなどのクライアントサイドプログラム
> Webサイトの運営および管理についての情報交換・雑談
> 2chでは荒らし依頼はできません
>板違いな話題
> ネット上の事象の観察→『ネットwatch』
> レンタルサーバー、ドメイン→『レンタル鯖』
> HPの宣伝、ネットするだけで儲かる話等→『宣伝掲示板』
> CGI、Perl、PHPなどのサーバサイドプログラミング→『WebProg』
> Flash制作→『FLASH・動画』
> アフィリエイト、ネット広告の話題→『Web収入』
> アダルトサイトの制作関連→『ウェブマスター』(21禁)
このスレ
>ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
>類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
0527Name_Not_Found
垢版 |
2024/05/29(水) 14:24:11.98ID:???
>>525
何番目のタグとか大雑把に指定できたと思う
0オリジンならdiv[1]とかそんなだったかと(うろ覚え)
0528Name_Not_Found
垢版 |
2024/05/29(水) 14:28:01.57ID:???
能力を超えるものは板違い
0529Name_Not_Found
垢版 |
2024/05/29(水) 14:32:59.50ID:???
まあ匿名じゃ所詮このレベルだよな
本当に解決したいなら技術系SNSで聞いた方がいいよ
0530Name_Not_Found
垢版 |
2024/05/29(水) 14:35:42.28ID:???
chat-GPTにまず聞け
このスレでちゃんと回答が出てくる耳タコ質問系なら一発で解決する場合が多い
0531Name_Not_Found
垢版 |
2024/05/29(水) 15:02:15.53ID:???
chat-GPTにレガシーサイトのソースを完全書き換えさせようと試みたけどまだ無理だわ
0532Name_Not_Found
垢版 |
2024/05/29(水) 15:25:47.21ID:???
最初はパターンマッチだったんだよな
まだpythonよりperlが主流な頃
bs4がいけてるよ、findよりもselectがいけてるよ、という流れなのに、
また原始的な方法に戻らないといけない
0533Name_Not_Found
垢版 |
2024/05/29(水) 16:50:27.16ID:???
ほんとゴミ人間は板違いすら認識できないのは、同じ人間ではないわな
猿がキーボード叩いてそうw
0534Name_Not_Found
垢版 |
2024/05/29(水) 16:55:12.72ID:???
相手が知らなくて自分が知ってることを回答して気持ちよくなりたいんだから、
知らないこと聞くような奴は来るんじゃない
0535Name_Not_Found
垢版 |
2024/05/29(水) 17:04:16.85ID:???
>>525
class名ごとにカウントできる仕組みにアップデートまだー
0536Name_Not_Found
垢版 |
2024/05/29(水) 17:10:28.08ID:???
>>534
知らないんじゃなくてnthセレクタじゃ無理だからjs使わないとできないんだぞ池沼
0537Name_Not_Found
垢版 |
2024/05/29(水) 17:53:52.12ID:???
>>525
aaaクラスしかないのなら
.aaa:nth-of-type(2) {
 background-color:#ffff00;
}
で問題ない
0539Name_Not_Found
垢版 |
2024/05/29(水) 18:29:51.22ID:???
これいいな
同じ<a>を何度も選択しないのがいい
これで荒く拾っておいて、あとは条件に合わないのを弾けば十分使える
1階層まではパターンが書けるのか
0540Name_Not_Found
垢版 |
2024/05/29(水) 18:50:10.33ID:???
div:has(> a + div)
これで完全なものが得られた
0541Name_Not_Found
垢版 |
2024/05/29(水) 19:37:36.95ID:???
>div:not([class]):has(> a) {
>div:has(> a + div)
これに限った話じゃないけど1週間でも1ヶ月でも後で読んで何のことか判るものなの?
セレクタってもっと記述的に書けませんか?
0542Name_Not_Found
垢版 |
2024/05/29(水) 19:40:27.90ID:???
保守性を考えるならclassを振るべき
classがいじれないとかいうバカ案件にはこういう邪道をやるしかない
0544Name_Not_Found
垢版 |
2024/05/29(水) 23:09:23.75ID:???
:has()なんて使ったことなくて、CSSでは無理と発狂しちゃうおじいちゃんは、
div:has(> a + div) なんて何してるか全く分からないだろうな
0545Name_Not_Found
垢版 |
2024/05/29(水) 23:11:28.55ID:???
何故か質問する側の厨房が親切な回答者の威を借りてマウントするスレ
0546Name_Not_Found
垢版 |
2024/05/29(水) 23:14:44.82ID:???
:is :not :where :hasなんてスレで頻出なのに
>>544は何が悔しくていじけているのかわからない
0547Name_Not_Found
垢版 |
2024/05/29(水) 23:19:02.91ID:???
ほぞがw
あり得ないほどほぞが噛まれているwww
しかも速攻で

CSSは無駄に奥が深いので、迂闊に無理とか言っちゃ駄目だぞ
0548Name_Not_Found
垢版 |
2024/05/29(水) 23:29:58.95ID:???
板違いを指摘された子が荒らしに進化したパターンかな
0549Name_Not_Found
垢版 |
2024/05/29(水) 23:31:16.15ID:???
たまに発生するキチガイやルビキチをNGするためにこの板にもワッチョイあればいいのに
0550Name_Not_Found
垢版 |
2024/05/29(水) 23:35:12.82ID:???
板違いだと思っちゃう子は基準レベル以下なんよな
絡まない方がいいよ
0552Name_Not_Found
垢版 |
2024/05/29(水) 23:38:19.52ID:???
>>550
もうキレちゃってなぜか質問キッズなのに回答へのお礼もなく荒らすことしか頭にない
0553Name_Not_Found
垢版 |
2024/05/29(水) 23:42:00.88ID:???
次から次へとほぞが
なかなかの良問だったみたいだな
0554Name_Not_Found
垢版 |
2024/05/29(水) 23:45:41.49ID:???
真面目な話
更新でコンテンツ増減したり順番が変わったりラッパーが増えたりするのに
意地でもclass付けずにパズルみたいな疑似クラス使ってるオナニーコードはたまにある
レスを投稿する


ニューススポーツなんでも実況