[B! CSS] mhkoheiのブックマーク

mhkohei id:mhkohei

CSSに関するmhkoheiのブックマーク (7)

cssで先頭から３つをnth-childで取得する：nth-childまとめ - それマグで！
テーブルのtd の先頭から３つを取得するCSS3 nth-childセレクタを作れたら嬉しいデスって話で盛り上がった。 td の先頭から３つに要素を適用したい <table> <tr> <td>1番目 <! -- ⇐背景色指定したい --> <td>2番目 <! -- ⇐背景色指定したい --> <td>3番目 <! -- ⇐背景色指定したい --> <td>4番目 <td>5番目 </tr> </table> 直ぐ思い浮かぶ回答 td:nth-child(1),td:nth-child(2),td:nth-child(3){ background-color: red; } 要素セレクタを並べて掛けば良い？？なんならjQueryでaddClassする？妥協・・・・したくない！負けた気がするよね？なんか負けた気がする、nth-child理解できてないんじゃね？調べましょう MDNと
mhkohei 2015/09/16
CSS
リンク
nth-child() でx個目以降を指定するcss | eturlt.net
『x個目を指定』『偶数を指定』などの方法は良く見るけど、『x個目以降』というのが分からなかったので調べてみた。例えば5個目以降のliを指定する場合 li:nth-child(n + 5) { /* css指定 */ } また、5個目までを指定する場合 li:nth-child(-n + 5) { /* css指定 */ } nth-child()ってつまり nth-child(X) X個目の要素を指定 X内のnは0以上の任意の整数なので偶数 li:nth-child(2n) 奇数 li:nth-child(2n + 1) となる
mhkohei 2015/09/15
CSS
リンク
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
mhkohei 2015/09/15
CSS
リンク
「nth-child」と「nth-of-type」の使い方と違い
CSS3セレクタの中でも特に使い勝手がいいと個人的に思う「nth-child」と「nth-of-type」の使い方を紹介します。似ているようで若干違いますので正しく理解しましょう。基本的な使い方まず、「nth-child」と「nth-of-type」の基本的な使い方を説明します。 nth-childの説明一般的に「E:nth-child(n)」という風に表されていて、親要素のn番目の子要素であるE要素ということになります。具体的には以下のように使います。
mhkohei 2015/09/15
CSS
リンク
digitalskill.jp
Buy this domain. digitalskill.jp 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
mhkohei 2015/09/15
CSS
リンク
BootStrapに標準装備されてるのについつい再実装しがちな機能とかまとめ。 - NOT SO BAD
(photo credit: Nathan O’Nions via photopin cc) 最近あらためてBootstrapにはまってます。 Bootstrapでサイト作ってる時に標準の機能を知らんくてわざわざ同じ機能を自分でcss書いたりしてることが多かったので、よく再実装しがちな機能をまとめメモ。 3.0でフラットデザインになって、いわゆるbootstrap臭もだいぶ薄れた気がするけどどうなんやろ。。 3.0つかったサイトが増えたらまた臭ってきそうな気もするけど。ドキュメント知らずに再実装しちゃう系の便利機能はCSSのHelper Classesとかに多い。ので最初にひととおりドキュメント見とくのはいいですね。当たり前やろって話やけど。。 Bootstrap「Helper Classes」 text-align 単純に中央揃えとか左揃えとかだけを指定するために
mhkohei 2015/02/27
twitter-bootstrap

bootstrap

CSS
リンク
【随時更新】WordPressテーマ「Stinger」カスタマイズメモエントリー | ひとぅブログ
標準機能利用標準機能を利用しています。バージョンアップの際、変更する可能性、必要性は低いかも。メニュー人気タグ、ひとぅブログについてのリンクを配置ウィジェットサイドバー1 SNSリンク、カウンターなどスクロール広告用 Amazonアドセンスを配置 Googleアドセンス用 336×228広告コードをひとつ配置（サイドバー、記事のあとに2つ自動配置される）テーマ内PHP編集テーマのバージョンアップ時に書き換えが必要になる可能性が高いので、特に重要な覚え書きです。 footer.php Google Analysisコードを配置 < /body>直前に配置 [code firstline=”56″] <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push([‘_setAccount’, ‘UA-18483
mhkohei 2013/09/10
CSS
リンク
1