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

1Name_Not_Found2018/02/25(日) 17:27:17.09ID:???
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

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

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

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

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

■関連スレ
Webサイト制作初心者用質問スレ part248
http://mevius.2ch.net/test/read.cgi/hp/1494150188/

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

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

36Name_Not_Found2018/04/02(月) 13:57:42.54ID:???
paddingで%指定

37Name_Not_Found2018/04/02(月) 14:35:01.60ID:41m4qg1d
警察と創価、在日マフィアによる集団ストーカーの証拠動画
:(警察車両ナンバー入り)
https://www.youtube.com/watch?v=gTOBN1AkSz0
https://www.youtube.com/watch?v=bbPcpPwO3ug
https://www.youtube.com/watch?v=de1jeSPGGNo

怖ろしくてお漏らししそう´・ω・`

38Name_Not_Found2018/04/11(水) 18:11:10.16ID:???
ページの中のそれぞれに要素に対して、display:noneで別のリストがあるんですけど、これって何なんでしょうか?

39Name_Not_Found2018/04/12(木) 22:35:46.39ID:???
>>38
見せたく無いリストなんでしょ。

40Name_Not_Found2018/04/12(木) 23:31:05.14ID:???
プチエンジェルの顧客リストかな?

41Name_Not_Found2018/04/13(金) 02:15:16.15ID:???
最新のCSS(3.2?)参考書はまだ出てない?

42Name_Not_Found2018/04/13(金) 18:09:13.07ID:???
CSS3.x というものは実際は無い
唯一CSS2のみがあって 「CSS3」 はそれ以外のCSS全部
バージョンは個別のモジュールごとにあるが
CSS全体としては living standardみたいなもの

量的にはCSS2の数十倍くらいあるだろうから
細かい所まで網羅するような参考書は無理だろうな

43Name_Not_Found2018/04/15(日) 10:27:16.81ID:???
CSS3を求めるなら、モジュール単位で指定しないと

44Name_Not_Found2018/04/17(火) 01:40:25.76ID:???
コーダペインにあるような
すっごいエフェクトとか動きのCSSかけるようになりたいんだけど
本屋にいっても初歩とか基本のCSSの本しかない
こういうのどこで勉強すればいいの?

45Name_Not_Found2018/04/17(火) 18:47:45.77ID:???
>>44
ソース見て研究したらいいじゃない。

46Name_Not_Found2018/04/18(水) 01:28:23.65ID:???
>>45
やっぱりそれしかないのかぁ
独学でやってんだけど
WEBの学校とか高度なこととか教えてくれたりすのかなーとか
ソース見てすらすらわかるようになるのだろうかとか

47Name_Not_Found2018/05/01(火) 08:10:27.97ID:???
>>46
聞いてるようじゃはなから無理だよ馬鹿

48Name_Not_Found2018/05/01(火) 18:33:39.69ID:l1wYHpV1
誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』

V610Q

49Name_Not_Found2018/05/02(水) 14:25:08.99ID:???
V610Q

50Name_Not_Found2018/05/06(日) 13:58:58.00ID:???
最近になって色指定のとき16進数でもアルファを指定できることを知った
これって実装状況ってどうなってんの?
調べてもよくわからないんだけど

51Name_Not_Found2018/05/06(日) 15:08:57.27ID:???
ええ、逆に出来なかったときなんてあったの??

52Name_Not_Found2018/05/06(日) 16:33:30.13ID:???
>>50,51
level 4 から追加された
level 3 時代にはできなかったはず

実装状況:
https://developer.mozilla.org/en-US/docs/Web/CSS/color

53Name_Not_Found2018/05/06(日) 16:41:21.28ID:???

54Name_Not_Found2018/05/06(日) 17:41:02.45ID:???
いつの時代の話してんだよwww

55Name_Not_Found2018/05/06(日) 22:10:48.03ID:???
https://i.imgur.com/DX6FK1G.png
edgeとopera mini非対応じゃねーか

56Name_Not_Found2018/05/07(月) 01:05:35.00ID:???
いやオペラミニには変な期待すんなよ…

57Name_Not_Found2018/05/07(月) 20:52:38.32ID:h0Tvtlu9
Opera miniは切り捨てろ

58Name_Not_Found2018/05/07(月) 21:43:47.65ID:???
Edgeは言えば対応するよ
Microsoftが「EdgeではWebKitと動作が異なる場合はバグ」って明言してるからね

59Name_Not_Found2018/05/07(月) 22:25:17.76ID:???
透明度のことを考えるとrgbで覚えた方がいいんだろうけど
#で慣れてしまった体にはもう

60Name_Not_Found2018/05/08(火) 00:15:36.61ID:???
オペラミニはどうでもいいけど
IE11も見たら対応してなかったぞ

61Name_Not_Found2018/05/08(火) 00:26:38.98ID:???
IEなんかもういらないだろ

62Name_Not_Found2018/05/08(火) 23:11:21.05ID:???
Opera miniは軽くていいよ
桜もいい

63Name_Not_Found2018/05/09(水) 19:16:32.58ID:DP7KUipI
すいません,質問です。特定のクラスの内側全てを否定するCSSの書式を教えてください。
あるHTML文書に対して
* { all: initial }
というCSSによって全ての要素を初期化したいのですが,その際
<span class="katex-display">
[以後大量の階層構造...]
</span>
という領域だけは初期化の影響を与えたくありません。
しかし例えば
*:not(.katex-display) { [...] }
という指定だと除外したい領域の最上部しか実際は除外できておらず,内側の<span>などが初期化されてしまいます。
ですので,「“katex-display”クラスのspan要素以下の階層全てを除外する」方法が知りたいのです。
どうかお知恵を貸してください。

64Name_Not_Found2018/05/09(水) 20:46:50.68ID:???
scss使うしかないかな

65Name_Not_Found2018/05/09(水) 20:54:09.80ID:???
出たw

66Name_Not_Found2018/05/09(水) 21:04:17.18ID:???
他にいい解決方法があるのならどうぞ

67Name_Not_Found2018/05/09(水) 21:09:14.06ID:???
他にいい解決方法?
いまのところひとつも解決方法出てないが。
> CSSの書式を教えてください。
という質問にSCSS使えと答えたバカはいたようだがw

68Name_Not_Found2018/05/09(水) 21:20:38.61ID:???
>>63
仕様上は
:not( .katex-display * ) { all: initial; }
のように書けばいけるはずだが( .katex-display 自身は除く)、
この形のセレクタ引数はまだサポートされてないか

69Name_Not_Found2018/05/09(水) 22:14:39.14ID:???
>>68
ありがとうございます。
Google ChromeおよびMozilla Firefoxの最新版で試してみましたがいずれも対応していないように見えました。
https://developer.mozilla.org/ja/docs/Web/CSS/:not
↑ここにも一通り目は通したのですが,助けになる情報はありませんでした……。
とりあえずあきらめます。
仕事ではなく個人的な案件なので,最新の特定のブラウザさえ対応していればそれでいいんですが,Google ChromeもMozilla Firefoxも対応していないとなると厳しいですよね。

70Name_Not_Found2018/05/09(水) 23:22:12.04ID:???
頓珍漢覚悟で書くがinheritで何とかならないかな?

71Name_Not_Found2018/05/22(火) 12:15:57.61ID:CIBcCH05
>>69
すみません。どなたかこの解決方法知りませんでしょうか。

72Name_Not_Found2018/05/22(火) 12:24:46.17ID:???
>>71
英語で検索しても解決方法が出てこないなら、あきらめて
別の手段や発想の転換で解決しよう
そういうことは山ほどあるよ

73Name_Not_Found2018/05/23(水) 15:22:33.60ID:???
CSSに書くプロパティの順番は
アルファベット順かFireFoxのモジィーラ順かで別れると思うのですが
その1つ上のタグの表記の順番はどういう決まりになっているのでしょか?

HTML側で上から順番に書くタグに合わせて
CSSも同じ順番に書いていくのですか?

74Name_Not_Found2018/06/09(土) 04:49:30.90ID:fG0JU7eJ
質問させてください。
<time datetime="2018-06-09">2018年6月9日</time>
というような形式と同じように
<sometag someattr="30000">3万</sometag>
というような「数値の統一解釈」みたいなことってできませんかね。

75Name_Not_Found2018/06/09(土) 12:34:15.84ID:???
カスタムエレメント作るとか

76Name_Not_Found2018/06/11(月) 02:57:41.22ID:???
SASS
SCSS
LESS
・・・・まだ他にもありますね。どれおぼえればいいの?あるいは覚える必要ない?CSSで十分?

77Name_Not_Found2018/06/11(月) 03:10:56.01ID:???
PostCSSで必要な機能だけ選んで漸次導入していくのがナウいやり方。
PostCSSでもフルアーマーするとSass/Less/Stylusすべての機能同等のものができるがそれは筋が悪いやり方。
本当に必要なものだけ選んで入れる。
余計なものは入れない。

78Name_Not_Found2018/06/11(月) 14:29:12.62ID:???

79Name_Not_Found2018/06/11(月) 17:47:45.84ID:???
記述の仕方が微妙に違うだけで
CSSはCSSやで

80Name_Not_Found2018/06/12(火) 21:59:24.97ID:???
>>75
それくらいしかないですよね……。

81Name_Not_Found2018/06/16(土) 18:26:20.05ID:yMVXQ93H
CSS3とHTML5で
スクロールしたら文字浮き出たりするのは
無理ですか?
jsなしで、jsありならできるのはわかります。

82Name_Not_Found2018/06/16(土) 18:43:37.26ID:???
無理っぽいな。検索してもないね。

83Name_Not_Found2018/06/16(土) 20:42:14.38ID:???
大枠:hover 浮き出る要素
とかでそれっぽくできんじゃね?
スマホには対応しないけど

84Name_Not_Found2018/06/16(土) 21:04:46.00ID:???
スクロールしたらなのになんでhoverが出てきたしw

85Name_Not_Found2018/06/16(土) 22:38:11.64ID:???
>>83
ありがとう、hoverしかないですよね。
なんか色々探したらJavaScript使用するのはありました。
ま、無理そうなので諦めます。
勉強になりましたわ。

86Name_Not_Found2018/06/16(土) 22:56:02.24ID:???
>>76-79
SASS で良い

ただし、SASSとは、SCSS の事です。
昔のSASSではない

新着レスの表示
レスを投稿する