ここで、"foo"は、class とか id とか rowspan, colspan, href, src, alt などのように、タグの中に書かれる属性(アトリビュート)の名前を代表するものです。勝手に"foo"などという属性(アトリビュート)を作って使うものではありません。
このページでは colspan という指定のある td が薄い青の背景になるように次のように指定しています。
td[colspan] { background-color:#ccccff; }
colspan という属性(アトリビュート)が指定してあれば、その値が "2" でも "3" でも適用されます。
colspan="4" | |||
普通 | colspan="2" | 普通 | |
普通 | 普通 | 普通 | 普通 |
普通 | colspan="3" |