HTML/CSS のどんな質問にも優しく答えるｽﾚ 39 ﾐｯｸﾐｸ
■ このスレッドは過去ログ倉庫に格納されています
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ！ 質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！
質問側も節度あるレスで！質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
HTML/CSS のどんな質問にも優しく答えるスレ 38
https://mevius.5ch.net/test/read.cgi/hp/1555113111/
■関連スレ
Webサイト制作初心者用質問スレ part250
https://mevius.5ch.net/test/read.cgi/hp/1546055063/
■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html >>776
「CSSを取得したい」とあるけど、対象要素に適用されている全てのスタイルを取得したいの?
それとも対象要素の「style属性」を取得したいの? >>776
getComputedStyleはそのエレメントに直に指定したスタイルやcssに記述したものだけではなく適用されるすべてのCSSプロパティが返ります
background-colorがほしいならget_element.backgroundColor
直に指定したのだけ取りたいならelement.style.backgroundColor >>778
対象のCSSですね
idを指定しているもののCSSですね
>>779
どうも、出来ました 想像なんですが、どのCSSが優先されるかなかなか判断がつかないからこそ、背景を指定している部分を見つけて、そこを書き換えるわけですよね？
例えば一番強い権限のCSS設定があったとしても、おそらくページ管理者の設定したものが優先されるなんてことが起こるかもしれません。
javascriptの領域になっちゃいますが、背景色が指定されている部分をすべて見つけ出して、上書きするというのが方法として考えられるんでしょうか？
dark readerのgithub読もうと試みましたが、難しくてわからないです
概念だけでも知りたいです > 例えば一番強い権限のCSS設定があったとしても、おそらくページ管理者の設定したものが優先されるなんてことが起こるかもしれません。
？？？ >>781
dark reader
これ単に、色の値をFFから引いた数値にしてるだけじゃないの アドオンでやってるならユーザーCSSを書いてしまえば良いんでない？ >>767
なんで今さら間違ってる記事なんか持ってくるんですか？
な ん で 今 さ ら 間 違 っ て る 記 事 な ん か 持 っ て く る ん で す か ？
バツとしてそれ書いた人に記事消させなさい ビギナー僕は詳細に指定しているのが優先順位高いかと思ってたけど違うのかな？ どこが間違ってるのか教えて欲しい
優先順位なんてまず問題にならないから、気にしなくなったわ >>787
なんで、元の記事を見ればわかることを聞くんですか？
ほんとうにばかばかりですね >>788
読んでも分からなかったから普通に教えて欲しい
ID、style属性使わなきゃまず大丈夫だから、cssの重みは全然勉強してないんだ >>785
やっぱそうだよね
この点数計算って20年前からあるけど
なんかおかしいよね
https://jsfiddle.net/5re1dwyu/ >>767
探したらW3Cに同じ内容があったわ
https://www.w3.org/TR/CSS1/#cascading-order
調べれば分かるんだろうけど、得るものが少なすぎるｗ
知ってる人いたらcssの詳細度の計算方法教えてくれ〜 >>792
なぜ今更、Level1なのか…
Level4は>>791 わかりやすいの拾ってきた！
A = ID
B = クラス
C = 要素
(A, B, C)と考えて辞書比較する
なのでID100+クラス10+要素の計算は間違い
まずAで比較
Aが同点ならB
Bも同点ならC
という計算
とここまで書いてリロードしたら( ；∀；) repeating-linear-gradientについて教えてください
白黒の斜線を1px単位で刻みたいんですが、その際はどちらの書き方が正しいのでしょうか？
(135deg,white,white 1px,black 1px,black 2px)
(135deg,white,white 1px,black 2px,black 3px) >>795
background:repeating-linear-gradient(135deg,white ,white 1px,black 1px,black 2px)
目が細かすぎるから荒くしたほうがいい >>795
background:repeating-linear-gradient(135deg,white 0px 1px,black 1px 2px)
こういう書き方もある >>782
結局、こちらから指定しても、管理者のほうが強いものを設定しているかもしれない
一番強いやつはなんでしょうか >>799
htmlに直書きかjsが強いんじゃないかな？ その一番強いやつを管理者が設定していたら、そちらのほうが強くなるんですかね
だから、上書きではなく、書換でなければいけないと？ サイトの管理者です
外部から書き換えても強さは同じなんですかね
ただ、確実にこれが一番強いというものがなさそうだから設定箇所の書き換えが確実ということですか？ >>801
置換してもJSでフレームワーク制御されている場合
またすぐ上書きされるかもしれないし
ShadowDOMなどで隠蔽されてるかもしれないので
サイト個別に臨機応変に対応するくらいの気持ちがないと無理 jsで<html>に#saikyoを設定
元のcssをfooとすると、後のcssを全部#saikyo fooにすれば全部書き換え可能 >>804
諦めます
dakr readerのソース読める能力もないので(´;ω;｀) ・style直書き(!important付き)
・インラインスクリプトで対象要素のstyle書き換えを検出して再度上書き
上記コンボ採用ページの場合はどうにもならない可能性が高い >>796
> なんかもうええかなって・・・
>>792で「知ってる人いたらcssの詳細度の計算方法教えてくれ〜」といったから教えたのに、それはないんじゃないか 階層が深くなるのがいやで<li href="#" />とかしたくなっちゃうんですけど
<li><a href="#" /></li>とするのと何か変わるんですか？ その理屈だと
<html><body href="#" /></html>
とかもできちゃうな 親要素の中にこ要素が3つあって
flexで横並びさせてるんだけど、最後の要素だけ横並び解除させたい？
どうすればいいですか？ boubaubau moi
↑フランス語読みでブボボモワ >>813
何が変わるってliにhref属性は意味がない
まぁ言いたいことは分かるけどね >>817
classか何か付けてposition：absoluteとか どういう内容でそんなことを死体のかよく分からんけど 1ページのみで完結する特設サイトを作るんですがcssファイルをhtmlと切り離すメリットってありますか？ その場合は無いと思う
下手に既存のcssに混ぜると見づらくなるだけ
style要素に直接書いても良いんじゃないか >>820
付けられる要素が決まってるわけですか
失礼しました >>825
そこ知らなかったのか
hrefはa要素だけだよ >>824
さすがにそれはないわ
style属性に書いたらレスポンシブ対応できないし、
不具合時の要因も見つかりにくいし修正が面倒になるだけ >>823
個人的にはcssの行数が多いと、邪魔になる（php、js、html、cssと全部書くとえらいことなる）し
sass使ったり、あとからページ数増やす事なんてザラな印象だわ 特設サイト専用にCSSファイルを1個増やすだけでいいし
むしろ切り離さないデメリットの方が大きいよな style属性だとhoverとかの疑似クラスもできなくなるのに >>827>>830
んなわけないじゃん、と思ったらもう少しよく読んで欲しい
style要素だよ
style属性とかめんどくさすぎるわ
>>829
絶対に切り離した方がいいのは間違いないな
どう切り離すかは好みに寄ると思う >>827が誤読しただけ
この場合は「style要素」でも問題ない 「style要素」って確かに合ってるけど一般的なの？
自分は内部スタイルシートって読んでたわ
・外部スタイルシート、外部css
・内部スタイルシート、内部css
・インラインスタイル、style属性、タグに直書き >>835
使わないと言えば使わない
ただ、style要素と聞けばあぁhtmlに直接書くのね〜ってのはまぁ分かる
特にランペなら文脈から想像できるだろう。style属性と間違えるのはありえない 分類するとしたら下記3種
・外部(インポート)
・インライン(style要素に直書き)
・style属性(対象要素に直書き) >>837
インラインがstyle要素か属性か分からない
個人的にインラインでcssって属性の方に感じる >>838
そんな文脈で「インライン」を使うの?? >>839
プログラマだとそういうのが多いんじゃないか？
できるだけ下位要素（webだとhtmlの中の1要素）に密接した形で記述、それがインラインって感覚だわ
foo属性やfoo要素って単語を適切に扱う、分からなければ聞く、を徹底していれば伝達の齟齬は起きないので
俺の所では問題にはならないけどね CSSでいうインラインはブロック要素の対になるインライン要素のことを指す
言葉遣いには気をつけろ >>838
同意だな。
よく営業の人とかもメールで
インラインでお答えしますって書いてくるけど
それもどちらかというと既存のものをそのまま利用してるから感覚は属性の方だよね スタイル属性は、ヤバイやつ
JavaScript, jQuery などで、ユーザーのアクションに応じて、変えるデザイン
コーダーには関係ない。
プログラマーがデザインを上書きするもの
入力欄に、間違った形式の文字列が入っていれば、
エラーチェックで、赤く表示するなど スタイル属性で赤くするとかアホやろｗ
お前プログラマじゃない >>837
> ・インライン(style要素に直書き)
改行を挟んで書くのが主流だと思うけど、あなたは一行で書いてるの？ >>848
臨時的な告知、短期で急ぎの場合、ヤフショのような独自システムなど、
運用最終の状況に応じて普通に使う事もある。
構築だけが制作ではない。
お前コーダーじゃない 世の中には2種類のコーダーがいる
「俺か、俺以外か」 ブラウザを縮めた時に、左から画像テキスト、となっているものを、本来であれば画像が上に来てしまうんですが、縮めた時に画像が下に生かせる方法はありますでしょうか？
通常時の画像、テキストの配置は保ちたいです
よろしくお願いします >>857
ごめん
なんで間違えたか自分でもわからん
雑巾がけしてくる >>855
方法1
ソースの順番を今と逆にして、PCの見た目だけはフロートで画像が左にくるようにすればいい。
<div class="clearfix">
<p class="right">テキスト</p>
<p class="left">画像</p>
</div>
pc
.right{float:right;}
.left{float:left;}
sp
.right,.left{float:none}
方法2
flexでレイアウトして、order プロパティで順番を指定すればいい。（スマホとpcの時とで順番を逆にする） 要件に無くてもWCAG2.1を意識したデザインやコーディングって必要だと思いますか？
先輩がウザいんです >>862
先輩もうざいと思ってるんじゃない？
君からは面倒くさい印象を感じる WCAGというと
10年前の日系企業サイトランキングの惨劇を思い出す… >>864
自分で考えずにすぐひとを頼ろうとするところ うざい先輩いたなあ
でもある時点から周囲が彼を自分の上司にはふさわしくなくなってきたと感じ、
最終的にその先輩と同じ役職まで上ったよ。その先輩はその後色々あってやめた。
うざかったけど、色々教わったことは役に立ってるし、本当にあなたの能力が高いなら、周囲が放っておかない。 すいません、先輩がウザいのは自分の責任だと思いますので訂正します
ところでみなさんはWCAGへの対応ってされてますか？ WCAGへの対応って型にはめてやってるわけではない。
定義されている内容の根本は昔から変わってないので、それはできる範囲で常に意識してるけど
汎用性やメンテナンス性、プログラムとの絡みなど、あくまで一般的に制作負荷になってくる内容ならば重視しない。
もちろん、障害者を意識したサイトであればちゃんろやるけど、常識の範囲でしかやらない。
常識の範囲ってのは慣れないとわからないと思う。 WCAG対応ってのは
まず、これはこう対応します、ここはここまで対応しますっていうマニフェストを作って
このサイトはちゃんとマニュフェスト通り対応してますね、って確認するもの
なので一概に「してますか？」ってのは答えにくい
極端な話「なにも対応しません」というマニフェストであれば、対応していることになっちゃう 今から質問を全力投球するから覚悟を持って受け止めてほしいんだが
どうかね？ ■ このスレッドは過去ログ倉庫に格納されています
