diff --git a/src/lib/card/card-header.html b/src/lib/card/card-header.html
index ddd633c467e5..ed75c30655f3 100644
--- a/src/lib/card/card-header.html
+++ b/src/lib/card/card-header.html
@@ -1,6 +1,7 @@
 <ng-content select="[md-card-avatar], [mat-card-avatar]"></ng-content>
 <div class="mat-card-header-text">
   <ng-content
-      select="md-card-title, mat-card-title, md-card-subtitle, mat-card-subtitle"></ng-content>
+      select="md-card-title, mat-card-title, md-card-subtitle, mat-card-subtitle,
+      [md-card-title], [mat-card-title], [md-card-subtitle], [mat-card-subtitle]"></ng-content>
 </div>
 <ng-content></ng-content>
diff --git a/src/lib/card/card-title-group.html b/src/lib/card/card-title-group.html
index 20727c62df78..4e1d758f7f69 100644
--- a/src/lib/card/card-title-group.html
+++ b/src/lib/card/card-title-group.html
@@ -1,6 +1,7 @@
 <div>
   <ng-content
-      select="md-card-title, mat-card-title, md-card-subtitle, mat-card-subtitle"></ng-content>
+      select="md-card-title, mat-card-title, md-card-subtitle, mat-card-subtitle,
+      [md-card-title], [mat-card-title], [md-card-subtitle], [mat-card-subtitle]"></ng-content>
 </div>
 <ng-content select="img"></ng-content>
 <ng-content></ng-content>
diff --git a/src/lib/card/card.ts b/src/lib/card/card.ts
index 9b76530ded40..9140872a0c75 100644
--- a/src/lib/card/card.ts
+++ b/src/lib/card/card.ts
@@ -23,7 +23,7 @@ export class MdCardContent {}
  * @docs-private
  */
 @Directive({
-  selector: 'md-card-title, mat-card-title',
+  selector: 'md-card-title, mat-card-title, [md-card-title], [mat-card-title]',
   host: {
     '[class.mat-card-title]': 'true'
   }
@@ -35,7 +35,7 @@ export class MdCardTitle {}
  * @docs-private
  */
 @Directive({
-  selector: 'md-card-subtitle, mat-card-subtitle',
+  selector: 'md-card-subtitle, mat-card-subtitle, [md-card-subtitle], [mat-card-subtitle]',
   host: {
     '[class.mat-card-subtitle]': 'true'
   }
diff --git a/src/lib/core/compatibility/compatibility.ts b/src/lib/core/compatibility/compatibility.ts
index c790a0691992..7f9f1c5d9cf5 100644
--- a/src/lib/core/compatibility/compatibility.ts
+++ b/src/lib/core/compatibility/compatibility.ts
@@ -32,6 +32,8 @@ export class MdCompatibilityInvalidPrefixError extends MdError {
 /** Selector that matches all elements that may have style collisions with AngularJS Material. */
 export const MAT_ELEMENTS_SELECTOR = `
   [mat-button],
+  [mat-card-subtitle],
+  [mat-card-title],
   [mat-dialog-actions],
   [mat-dialog-close],
   [mat-dialog-content],
@@ -92,6 +94,8 @@ export const MAT_ELEMENTS_SELECTOR = `
 /** Selector that matches all elements that may have style collisions with AngularJS Material. */
 export const MD_ELEMENTS_SELECTOR = `
   [md-button],
+  [md-card-subtitle],
+  [md-card-title],
   [md-dialog-actions],
   [md-dialog-close],
   [md-dialog-content],