maiko-ampersand

[  
    {  
        "keys": ["ctrl+b"], "command": "reple"  
    }  
]

maiko-ampersand

module.exports = function(grunt) {
  grunt.initConfig({
    watch: {
      // src/jsフォルダ以下のjs拡張子ファイルを対象に監視
      files: ['src/js/*.js'],
      // 変更があったらタスクjasmineを実行
      tasks: ['jasmine']
    },
    jasmine: {
        // プロパティ名はテストケース名

maiko-ampersand

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

maiko-ampersand

<style>
h2[title] {
  color : red;
}
</style>

<h2>これにはヒットしない<h2>

<h2 title="タイトル内容">ヒットする<h2>

maiko-ampersand

<style>
h2[title="hogehoge"] {
  color : red;
}
</style>
 
<h2 title="hogehoge">ヒットする<h2>
 
<h2 title="piyopiyo">ヒットしない<h2>

maiko-ampersand

<style type="text/css">
span[class~="hoge"] {
	color : red;
}
</style>
<span class="fuga piyo">ヒットしない</span>
<span class="piyo hoge">ヒットする</span>
<span class="piyo hogeboo">ヒットしない　要素の一致であって文字が含まれるかどうかではない</span>

maiko-ampersand

<style type="text/css">
span[class^="hoge"] {
	color : red;
}
</style>
<span class="fugafuga">ヒットしない</span>
<span class="hoge">ヒットする</span>
<span class="hogeboo">ヒットする</span>
<span class="fugahoge">ヒットしない</span>

maiko-ampersand

<style type="text/css">
a[href$=".php"] {
	color : red;
}
</style>
<a href="http://hogehoge.net/piyo.php">ヒットする</a>
<a href="http://hogehoge.net/piyo.html">ヒットしない</a>
<a href="http://hogehoge.php/piyo.html">ヒットしない</a>

maiko-ampersand

<style type="text/css">
a[href*="google.com"] {
	color : red;
}
</style>
<a href="http://google.com/hugahuga">ヒットする</a>
<a href="http://yahoo.com/hugahuga">ヒットしない</a>
<a href="http://yahoo.com/q=http://google.com&hoge=fuga">ヒットする</a>

maiko-ampersand

<style type="text/css">
a[hreflang|="en"] {
	color : red;
}
</style>
<a href="#" hreflang="en">ヒットする</a>
<a href="#" hreflang="ending">ヒットしない</a>
<a href="#" hreflang="en-US">ヒットする</a>
<a href="#" hreflang="en-scouse">ヒットする</a>