Optimize CSS for https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors295

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    .carousel-inner>.item>a>img {}.table>tbody>tr>td {}.table>tbody>tr>th {}.table>tfoot>tr>td {}.table>tfoot>tr>th {}.table>thead>tr>td {}.table>thead>tr>th {}.table>thead>tr>th {}.table>caption+thead>tr:first-child>td {}.table>caption+thead>tr:first-child>th {}.table>colgroup+thead>tr:first-child>td {}.table>colgroup+thead>tr:first-child>th {}.table>thead:first-child>tr:first-child>td {}.table>thead:first-child>tr:first-child>th {}.table-condensed>tbody>tr>td {}.table-condensed>tbody>tr>th {}.table-condensed>tfoot>tr>td {}.table-condensed>tfoot>tr>th {}.table-condensed>thead>tr>td {}.table-condensed>thead>tr>th {}.table-bordered>tbody>tr>td {}.table-bordered>tbody>tr>th {}.table-bordered>tfoot>tr>td {}.table-bordered>tfoot>tr>th {}.table-bordered>thead>tr>td {}.table-bordered>thead>tr>th {}.table-bordered>thead>tr>td {}.table-bordered>thead>tr>th {}.table>tbody>tr.active>td {}.table>tbody>tr.active>th {}.table>tbody>tr>td.active {}.table>tbody>tr>th.active {}.table>tfoot>tr.active>td {}.table>tfoot>tr.active>th {}.table>tfoot>tr>td.active {}.table>tfoot>tr>th.active {}.table>thead>tr.active>td {}.table>thead>tr.active>th {}.table>thead>tr>td.active {}.table>thead>tr>th.active {}.table-hover>tbody>tr.active:hover>td {}.table-hover>tbody>tr.active:hover>th {}.table-hover>tbody>tr:hover>.active {}.table-hover>tbody>tr>td.active:hover {}.table-hover>tbody>tr>th.active:hover {}.table>tbody>tr.success>td {}.table>tbody>tr.success>th {}.table>tbody>tr>td.success {}.table>tbody>tr>th.success {}.table>tfoot>tr.success>td {}.table>tfoot>tr.success>th {}.table>tfoot>tr>td.success {}.table>tfoot>tr>th.success {}.table>thead>tr.success>td {}.table>thead>tr.success>th {}.table>thead>tr>td.success {}.table>thead>tr>th.success {}.table-hover>tbody>tr.success:hover>td {}.table-hover>tbody>tr.success:hover>th {}.table-hover>tbody>tr:hover>.success {}.table-hover>tbody>tr>td.success:hover {}.table-hover>tbody>tr>th.success:hover {}.table>tbody>tr.info>td {}.table>tbody>tr.info>th {}.table>tbody>tr>td.info {}.table>tbody>tr>th.info {}.table>tfoot>tr.info>td {}.table>tfoot>tr.info>th {}.table>tfoot>tr>td.info {}.table>tfoot>tr>th.info {}.table>thead>tr.info>td {}.table>thead>tr.info>th {}.table>thead>tr>td.info {}.table>thead>tr>th.info {}.table-hover>tbody>tr.info:hover>td {}.table-hover>tbody>tr.info:hover>th {}.table-hover>tbody>tr:hover>.info {}.table-hover>tbody>tr>td.info:hover {}.table-hover>tbody>tr>th.info:hover {}.table>tbody>tr.warning>td {}.table>tbody>tr.warning>th {}.table>tbody>tr>td.warning {}.table>tbody>tr>th.warning {}.table>tfoot>tr.warning>td {}.table>tfoot>tr.warning>th {}.table>tfoot>tr>td.warning {}.table>tfoot>tr>th.warning {}.table>thead>tr.warning>td {}.table>thead>tr.warning>th {}.table>thead>tr>td.warning {}.table>thead>tr>th.warning {}.table-hover>tbody>tr.warning:hover>td {}.table-hover>tbody>tr.warning:hover>th {}.table-hover>tbody>tr:hover>.warning {}.table-hover>tbody>tr>td.warning:hover {}.table-hover>tbody>tr>th.warning:hover {}.table>tbody>tr.danger>td {}.table>tbody>tr.danger>th {}.table>tbody>tr>td.danger {}.table>tbody>tr>th.danger {}.table>tfoot>tr.danger>td {}.table>tfoot>tr.danger>th {}.table>tfoot>tr>td.danger {}.table>tfoot>tr>th.danger {}.table>thead>tr.danger>td {}.table>thead>tr.danger>th {}.table>thead>tr>td.danger {}.table>thead>tr>th.danger {}.table-hover>tbody>tr.danger:hover>td {}.table-hover>tbody>tr.danger:hover>th {}.table-hover>tbody>tr:hover>.danger {}.table-hover>tbody>tr>td.danger:hover {}.table-hover>tbody>tr>th.danger:hover {}.table-responsive>.table>tbody>tr>td {}.table-responsive>.table>tbody>tr>th {}.table-responsive>.table>tfoot>tr>td {}.table-responsive>.table>tfoot>tr>th {}.table-responsive>.table>thead>tr>td {}.table-responsive>.table>thead>tr>th {}.table-responsive>.table-bordered>tbody>tr>td:first-child {}.table-responsive>.table-bordered>tbody>tr>th:first-child {}.table-responsive>.table-bordered>tfoot>tr>td:first-child {}.table-responsive>.table-bordered>tfoot>tr>th:first-child {}.table-responsive>.table-bordered>thead>tr>td:first-child {}.table-responsive>.table-bordered>thead>tr>th:first-child {}.table-responsive>.table-bordered>tbody>tr>td:last-child {}.table-responsive>.table-bordered>tbody>tr>th:last-child {}.table-responsive>.table-bordered>tfoot>tr>td:last-child {}.table-responsive>.table-bordered>tfoot>tr>th:last-child {}.table-responsive>.table-bordered>thead>tr>td:last-child {}.table-responsive>.table-bordered>thead>tr>th:last-child {}.table-responsive>.table-bordered>tbody>tr:last-child>td {}.table-responsive>.table-bordered>tbody>tr:last-child>th {}.table-responsive>.table-bordered>tfoot>tr:last-child>td {}.table-responsive>.table-bordered>tfoot>tr:last-child>th {}[data-toggle=buttons]>.btn-group>.btn input[type=checkbox] {}[data-toggle=buttons]>.btn-group>.btn input[type=radio] {}.nav>li>a>img {}.navbar-nav .open .dropdown-menu .dropdown-header {}.navbar-nav .open .dropdown-menu>li>a {}.navbar-nav .open .dropdown-menu>li>a {}.navbar-nav .open .dropdown-menu>li>a:focus {}.navbar-nav .open .dropdown-menu>li>a:hover {}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {}.navbar-default .navbar-nav>li>a {}.navbar-default .navbar-nav>li>a:focus {}.navbar-default .navbar-nav>li>a:hover {}.navbar-default .navbar-nav>.active>a {}.navbar-default .navbar-nav>.active>a:focus {}.navbar-default .navbar-nav>.active>a:hover {}.navbar-default .navbar-nav>.disabled>a {}.navbar-default .navbar-nav>.disabled>a:focus {}.navbar-default .navbar-nav>.disabled>a:hover {}.navbar-default .navbar-nav>.open>a {}.navbar-default .navbar-nav>.open>a:focus {}.navbar-default .navbar-nav>.open>a:hover {}.navbar-default .navbar-nav .open .dropdown-menu>li>a {}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {}.navbar-default .navbar-nav .open .dropdown-menu>.active>a {}.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {}.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a {}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {}.navbar-inverse .navbar-nav>li>a {}.navbar-inverse .navbar-nav>li>a:focus {}.navbar-inverse .navbar-nav>li>a:hover {}.navbar-inverse .navbar-nav>.active>a {}.navbar-inverse .navbar-nav>.active>a:focus {}.navbar-inverse .navbar-nav>.active>a:hover {}.navbar-inverse .navbar-nav>.disabled>a {}.navbar-inverse .navbar-nav>.disabled>a:focus {}.navbar-inverse .navbar-nav>.disabled>a:hover {}.navbar-inverse .navbar-nav>.open>a {}.navbar-inverse .navbar-nav>.open>a:focus {}.navbar-inverse .navbar-nav>.open>a:hover {}.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {}.navbar-inverse .navbar-nav .open .dropdown-menu .divider {}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a {}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a {}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {}.nav-pills>.active>a>.badge {}.nav-pills>li>a>.badge {}.panel>.panel-collapse>.list-group .list-group-item {}.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {}.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {}.panel>.panel-collapse>.table caption {}.panel>.table-responsive>.table caption {}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {}.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child {}.panel>.table:first-child>tbody:first-child>tr:first-child {}.panel>.table:first-child>thead:first-child>tr:first-child {}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child {}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {}.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child {}.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child {}.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child {}.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child {}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child {}.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child {}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {}.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child {}.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child {}.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child {}.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child {}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child {}.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child {}.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {}.panel>.table:last-child>tbody:last-child>tr:last-child {}.panel>.table:last-child>tfoot:last-child>tr:last-child {}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child {}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child {}.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child {}.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child {}.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child {}.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child {}.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child {}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child {}.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child {}.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child {}.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child {}.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child {}.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {}.panel>.table>tbody:first-child>tr:first-child td {}.panel>.table>tbody:first-child>tr:first-child th {}.panel>.table-bordered>tbody>tr>td:first-child {}.panel>.table-bordered>tbody>tr>th:first-child {}.panel>.table-bordered>tfoot>tr>td:first-child {}.panel>.table-bordered>tfoot>tr>th:first-child {}.panel>.table-bordered>thead>tr>td:first-child {}.panel>.table-bordered>thead>tr>th:first-child {}.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child {}.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child {}.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {}.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child {}.panel>.table-responsive>.table-bordered>thead>tr>td:first-child {}.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {}.panel>.table-bordered>tbody>tr>td:last-child {}.panel>.table-bordered>tbody>tr>th:last-child {}.panel>.table-bordered>tfoot>tr>td:last-child {}.panel>.table-bordered>tfoot>tr>th:last-child {}.panel>.table-bordered>thead>tr>td:last-child {}.panel>.table-bordered>thead>tr>th:last-child {}.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child {}.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child {}.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {}.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child {}.panel>.table-responsive>.table-bordered>thead>tr>td:last-child {}.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {}.panel>.table-bordered>tbody>tr:first-child>td {}.panel>.table-bordered>tbody>tr:first-child>th {}.panel>.table-bordered>thead>tr:first-child>td {}.panel>.table-bordered>thead>tr:first-child>th {}.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td {}.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {}.panel>.table-responsive>.table-bordered>thead>tr:first-child>td {}.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {}.panel>.table-bordered>tbody>tr:last-child>td {}.panel>.table-bordered>tbody>tr:last-child>th {}.panel>.table-bordered>tfoot>tr:last-child>td {}.panel>.table-bordered>tfoot>tr:last-child>th {}.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td {}.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th {}.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td {}.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {}.panel-group .panel-heading+.panel-collapse>.list-group {}.panel-group .panel-heading+.panel-collapse>.panel-body {}.panel-group .panel-footer+.panel-collapse .panel-body {}.panel-default>.panel-heading+.panel-collapse>.panel-body {}.panel-default>.panel-footer+.panel-collapse>.panel-body {}.panel-primary>.panel-heading+.panel-collapse>.panel-body {}.panel-primary>.panel-footer+.panel-collapse>.panel-body {}.panel-success>.panel-heading+.panel-collapse>.panel-body {}.panel-success>.panel-footer+.panel-collapse>.panel-body {}.panel-info>.panel-heading+.panel-collapse>.panel-body {}.panel-info>.panel-footer+.panel-collapse>.panel-body {}.panel-warning>.panel-heading+.panel-collapse>.panel-body {}.panel-warning>.panel-footer+.panel-collapse>.panel-body {}.panel-danger>.panel-heading+.panel-collapse>.panel-body {}.panel-danger>.panel-footer+.panel-collapse>.panel-body {}.modal-footer .btn-group .btn+.btn {}.carousel-inner>.item>a>img {}
  • Complex Selectors By Attribute6

    Selectors whose attribute value contains a specified value

    Attribute selectors have a slower lookup time

    a[href^="javascript:"]:after {}a[href^="#"]:after {}table col[class*=col-] {}table td[class*=col-] {}table th[class*=col-] {}.input-group[class*=col-] {}
  • Duplicated Properties16

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    a:focus {outline: 5px auto -webkit-focus-ring-color} input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {outline: 5px auto -webkit-focus-ring-color} .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: 5px auto -webkit-focus-ring-color} .caret {border-top: 4px solid\9} .dropdown-menu {border: 1px solid rgba(0,0,0,.15)} .dropup .caret, .navbar-fixed-bottom .dropdown .caret {border-bottom: 4px solid\9} .well blockquote {border-color: rgba(0,0,0,.15)} .modal-content {border: 1px solid rgba(0,0,0,.2)} .tooltip {text-align: start} .popover {text-align: start} .popover {border: 1px solid rgba(0,0,0,.2)} .popover.top>.arrow {border-top-color: rgba(0,0,0,.25)} .popover.right>.arrow {border-right-color: rgba(0,0,0,.25)} .popover.bottom>.arrow {border-bottom-color: rgba(0,0,0,.25)} .popover.left>.arrow {border-left-color: rgba(0,0,0,.25)} .carousel-indicators li {background-color: rgba(0,0,0,0)} 
  • Duplicated Selectors21
    input[type=search] {} /* (3 times) */legend {} /* (2 times) */img {} /* (2 times) */figure {} /* (2 times) */hr {} /* (2 times) */pre {} /* (2 times) */code, kbd, pre, samp {} /* (2 times) */input[type=checkbox], input[type=radio] {} /* (2 times) */html {} /* (2 times) */fieldset {} /* (2 times) */a {} /* (2 times) */table {} /* (2 times) */body {} /* (2 times) */.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {} /* (2 times) */.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {} /* (2 times) */.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success {} /* (2 times) */.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {} /* (2 times) */.btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning {} /* (2 times) */.btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger {} /* (2 times) */.nav-tabs.nav-justified>li>a {} /* (2 times) */
  • Importants66

    Provides a way for a stylesheet author to give a CSS value more weight than it naturally has

    Avoid usage if at all possible. When you use !important, you’re disrupting the natural flow of your rules, giving more weight to rules that are undeserving of such weight

    *, :after,  {color: #000!important} *, :after,  {text-shadow: none!important} *, :after,  {background: 0 0!important} *, :after,  {-webkit-box-shadow: none!important} *, :after,  {box-shadow: none!important} img {max-width: 100%!important} .btn>.caret, .dropup>.btn>.caret {border-top-color: #000!important} .table {border-collapse: collapse!important} .table td, .table th {background-color: #fff!important} .table-bordered td, .table-bordered th {border: 1px solid #ddd!important} .navbar-collapse.collapse {display: block!important} .navbar-collapse.collapse {height: auto!important} .navbar-collapse.collapse {overflow: visible!important} .navbar-left {float: left!important} .navbar-right {float: right!important} .pull-right {float: right!important} .pull-left {float: left!important} .hide {display: none!important} .show {display: block!important} .hidden {display: none!important} .visible-lg, .visible-md, .visible-sm, .visible-xs {display: none!important} .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {display: none!important} .visible-xs {display: block!important} table.visible-xs {display: table!important} tr.visible-xs {display: table-row!important} td.visible-xs, th.visible-xs {display: table-cell!important} .visible-xs-block {display: block!important} .visible-xs-inline {display: inline!important} .visible-xs-inline-block {display: inline-block!important} .visible-sm {display: block!important} table.visible-sm {display: table!important} tr.visible-sm {display: table-row!important} td.visible-sm, th.visible-sm {display: table-cell!important} .visible-sm-block {display: block!important} .visible-sm-inline {display: inline!important} .visible-sm-inline-block {display: inline-block!important} .visible-md {display: block!important} table.visible-md {display: table!important} tr.visible-md {display: table-row!important} td.visible-md, th.visible-md {display: table-cell!important} .visible-md-block {display: block!important} .visible-md-inline {display: inline!important} .visible-md-inline-block {display: inline-block!important} .visible-lg {display: block!important} table.visible-lg {display: table!important} tr.visible-lg {display: table-row!important} td.visible-lg, th.visible-lg {display: table-cell!important} .visible-lg-block {display: block!important} .visible-lg-inline {display: inline!important} .visible-lg-inline-block {display: inline-block!important} .hidden-xs {display: none!important} .hidden-sm {display: none!important} .hidden-md {display: none!important} .hidden-lg {display: none!important} .visible-print {display: none!important} .visible-print {display: block!important} table.visible-print {display: table!important} tr.visible-print {display: table-row!important} td.visible-print, th.visible-print {display: table-cell!important} .visible-print-block {display: none!important} .visible-print-block {display: block!important} .visible-print-inline {display: none!important} .visible-print-inline {display: inline!important} .visible-print-inline-block {display: none!important} .visible-print-inline-block {display: inline-block!important} .hidden-print {display: none!important} 
  • Multi Classes Selectors286

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .checkbox-inline.disabled {}.disabled.radio-inline {}.checkbox.disabled {}.disabled.radio {}.form-control-static.input-lg {}.form-control-static.input-sm {}.checkbox.has-success {}.checkbox-inline.has-success {}.has-success.radio {}.has-success.radio-inline {}.checkbox.has-warning {}.checkbox-inline.has-warning {}.has-warning.radio {}.has-warning.radio-inline {}.checkbox.has-error {}.checkbox-inline.has-error {}.has-error.radio {}.has-error.radio-inline {}.active.btn.focus {}.active.btn {}.btn.focus {}.btn.focus {}.btn.focus {}.active.btn {}.btn.disabled {}.btn.disabled {}.btn-default.focus {}.active.btn-default {}.btn-default.dropdown-toggle {}.active.btn-default.focus {}.active.btn-default {}.active.btn-default {}.btn-default.focus {}.btn-default.dropdown-toggle.focus {}.btn-default.dropdown-toggle {}.btn-default.dropdown-toggle {}.active.btn-default {}.btn-default.dropdown-toggle {}.btn-default.disabled {}.active.btn-default.disabled {}.btn-default.disabled.focus {}.btn-default.disabled {}.btn-default.disabled {}.btn-default.disabled {}.active.btn-default {}.btn-default.focus {}.active.btn-default {}.btn-default.focus {}.btn-primary.focus {}.active.btn-primary {}.btn-primary.dropdown-toggle {}.active.btn-primary.focus {}.active.btn-primary {}.active.btn-primary {}.btn-primary.focus {}.btn-primary.dropdown-toggle.focus {}.btn-primary.dropdown-toggle {}.btn-primary.dropdown-toggle {}.active.btn-primary {}.btn-primary.dropdown-toggle {}.btn-primary.disabled {}.active.btn-primary.disabled {}.btn-primary.disabled.focus {}.btn-primary.disabled {}.btn-primary.disabled {}.btn-primary.disabled {}.active.btn-primary {}.btn-primary.focus {}.active.btn-primary {}.btn-primary.focus {}.btn-success.focus {}.active.btn-success {}.btn-success.dropdown-toggle {}.active.btn-success.focus {}.active.btn-success {}.active.btn-success {}.btn-success.focus {}.btn-success.dropdown-toggle.focus {}.btn-success.dropdown-toggle {}.btn-success.dropdown-toggle {}.active.btn-success {}.btn-success.dropdown-toggle {}.btn-success.disabled {}.active.btn-success.disabled {}.btn-success.disabled.focus {}.btn-success.disabled {}.btn-success.disabled {}.btn-success.disabled {}.active.btn-success {}.btn-success.focus {}.active.btn-success {}.btn-success.focus {}.btn-info.focus {}.active.btn-info {}.btn-info.dropdown-toggle {}.active.btn-info.focus {}.active.btn-info {}.active.btn-info {}.btn-info.focus {}.btn-info.dropdown-toggle.focus {}.btn-info.dropdown-toggle {}.btn-info.dropdown-toggle {}.active.btn-info {}.btn-info.dropdown-toggle {}.btn-info.disabled {}.active.btn-info.disabled {}.btn-info.disabled.focus {}.btn-info.disabled {}.btn-info.disabled {}.btn-info.disabled {}.active.btn-info {}.btn-info.focus {}.active.btn-info {}.btn-info.focus {}.btn-warning.focus {}.active.btn-warning {}.btn-warning.dropdown-toggle {}.active.btn-warning.focus {}.active.btn-warning {}.active.btn-warning {}.btn-warning.focus {}.btn-warning.dropdown-toggle.focus {}.btn-warning.dropdown-toggle {}.btn-warning.dropdown-toggle {}.active.btn-warning {}.btn-warning.dropdown-toggle {}.btn-warning.disabled {}.active.btn-warning.disabled {}.btn-warning.disabled.focus {}.btn-warning.disabled {}.btn-warning.disabled {}.btn-warning.disabled {}.active.btn-warning {}.btn-warning.focus {}.active.btn-warning {}.btn-warning.focus {}.btn-danger.focus {}.active.btn-danger {}.btn-danger.dropdown-toggle {}.active.btn-danger.focus {}.active.btn-danger {}.active.btn-danger {}.btn-danger.focus {}.btn-danger.dropdown-toggle.focus {}.btn-danger.dropdown-toggle {}.btn-danger.dropdown-toggle {}.active.btn-danger {}.btn-danger.dropdown-toggle {}.btn-danger.disabled {}.active.btn-danger.disabled {}.btn-danger.disabled.focus {}.btn-danger.disabled {}.btn-danger.disabled {}.btn-danger.disabled {}.active.btn-danger {}.btn-danger.focus {}.active.btn-danger {}.btn-danger.focus {}.active.btn-link {}.fade.in {}.collapse.in {}.collapse.in {}.collapse.in {}.dropdown-menu.pull-right {}.active.btn {}.active.btn {}.btn-group.open {}.btn-group.open {}.btn-group.open {}.btn-link.dropdown-toggle {}.input-group-addon.input-sm {}.input-group-addon.input-lg {}.nav-justified.nav-tabs {}.nav-justified.nav-tabs {}.nav-justified.nav-tabs {}.nav-justified.nav-tabs {}.nav-justified.nav-tabs {}.nav-justified.nav-tabs {}.nav-justified.nav-tabs {}.nav-justified.nav-tabs {}.nav-justified.nav-tabs {}.nav-justified.nav-tabs {}.nav-justified.nav-tabs {}.nav-justified.nav-tabs {}.nav-justified.nav-tabs {}.nav-justified.nav-tabs {}.in.navbar-collapse {}.collapse.navbar-collapse {}.in.navbar-collapse {}.btn-sm.navbar-btn {}.btn-xs.navbar-btn {}.active.list-group-item {}.active.thumbnail {}.active.progress-bar {}.active.progress {}.img-thumbnail.media-object {}.disabled.list-group-item {}.disabled.list-group-item {}.disabled.list-group-item {}.disabled.list-group-item {}.disabled.list-group-item {}.disabled.list-group-item {}.disabled.list-group-item {}.disabled.list-group-item {}.disabled.list-group-item {}.active.list-group-item {}.active.list-group-item {}.active.list-group-item {}.active.list-group-item {}.active.list-group-item {}.active.list-group-item {}.active.list-group-item {}.active.list-group-item {}.active.list-group-item {}.active.list-group-item {}.active.list-group-item {}.active.list-group-item {}.active.list-group-item {}.active.list-group-item {}.active.list-group-item {}.active.list-group-item-success {}.active.list-group-item-success {}.active.list-group-item-success {}.active.list-group-item-success {}.active.list-group-item-success {}.active.list-group-item-success {}.active.list-group-item-info {}.active.list-group-item-info {}.active.list-group-item-info {}.active.list-group-item-info {}.active.list-group-item-info {}.active.list-group-item-info {}.active.list-group-item-warning {}.active.list-group-item-warning {}.active.list-group-item-warning {}.active.list-group-item-warning {}.active.list-group-item-warning {}.active.list-group-item-warning {}.active.list-group-item-danger {}.active.list-group-item-danger {}.active.list-group-item-danger {}.active.list-group-item-danger {}.active.list-group-item-danger {}.active.list-group-item-danger {}.fade.modal {}.in.modal {}.fade.modal-backdrop {}.in.modal-backdrop {}.in.tooltip {}.tooltip.top {}.right.tooltip {}.bottom.tooltip {}.left.tooltip {}.tooltip.top {}.tooltip.top-left {}.tooltip.top-right {}.right.tooltip {}.left.tooltip {}.bottom.tooltip {}.bottom-left.tooltip {}.bottom-right.tooltip {}.popover.top {}.popover.right {}.bottom.popover {}.left.popover {}.popover.top {}.popover.top {}.popover.right {}.popover.right {}.bottom.popover {}.bottom.popover {}.left.popover {}.left.popover {}.active.item.right {}.item.next {}.active.item.left {}.item.prev {}.active.item {}.item.left.next {}.item.prev.right {}.left.next {}.prev.right {}.active.left {}.active.right {}.carousel-control.left {}.carousel-control.right {}
  • Old IE Fixes3

    Rules specific to IE greater than or equal to IE 6 or IE 7

    Lower browser usage for previous versions of IE prevents these rules from being very useful

    .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)} .carousel-control.left {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)} .carousel-control.right {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)} 
  • Old Property Prefixes61

    Properties with a no longer needed vendor prefix

    These have since been integrated or removed from mentioned browsers and can safely be removed from CSS

    hr { -webkit-box-sizing: content-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier hr { -moz-box-sizing: content-box } // was required by Firefox 28 and earlier input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier input[type=checkbox], input[type=radio] { -moz-box-sizing: border-box } // was required by Firefox 28 and earlier input[type=search] { -webkit-box-sizing: content-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier input[type=search] { -moz-box-sizing: content-box } // was required by Firefox 28 and earlier *, :after,  { -webkit-box-shadow: none!important } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier * { -webkit-box-sizing: border-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier * { -moz-box-sizing: border-box } // was required by Firefox 28 and earlier :after,  { -webkit-box-sizing: border-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier :after,  { -moz-box-sizing: border-box } // was required by Firefox 28 and earlier .img-thumbnail { -o-transition: all .2s ease-in-out } // prefix is no longer supported kbd { -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier kbd kbd { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier input[type=search] { -webkit-box-sizing: border-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier input[type=search] { -moz-box-sizing: border-box } // was required by Firefox 28 and earlier .form-control { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .form-control { -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s } // prefix is no longer supported .form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .has-success .form-control { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .has-success .form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168 } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .has-warning .form-control { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .has-warning .form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .has-error .form-control { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .has-error .form-control:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .btn.active, .btn:active { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .btn.disabled, .btn[disabled], fieldset[disabled] .btn { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .fade { -o-transition: opacity .15s linear } // prefix is no longer supported .collapsing { -o-transition-timing-function: ease } // prefix is no longer supported .collapsing { -o-transition-duration: .35s } // prefix is no longer supported .collapsing { -o-transition-property: height,visibility } // prefix is no longer supported .dropdown-menu { -webkit-background-clip: padding-box } // was required by Android Browser 2.3, Opera 10 and earlier .dropdown-menu { -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .navbar-collapse { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .navbar-collapse { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .navbar-nav .open .dropdown-menu { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .navbar-form { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .navbar-form { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .thumbnail { -o-transition: border .2s ease-in-out } // prefix is no longer supported .progress { -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .progress-bar { -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .progress-bar { -o-transition: width .6s ease } // prefix is no longer supported .progress-bar-striped, .progress-striped .progress-bar { -webkit-background-size: 40px 40px } // was required by Android Browser 2.3, Opera 10 and earlier .progress-bar.active, .progress.active .progress-bar { -o-animation: progress-bar-stripes 2s linear infinite } // prefix is no longer supported .panel { -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .well { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .modal.fade .modal-dialog { -o-transition: -o-transform .3s ease-out } // prefix is no longer supported .modal.fade .modal-dialog { -ms-transform: translate(0,-25%) } // was required by IE 9 and earlier .modal.fade .modal-dialog { -o-transform: translate(0,-25%) } // prefix is no longer supported .modal.in .modal-dialog { -ms-transform: translate(0,0) } // was required by IE 9 and earlier .modal.in .modal-dialog { -o-transform: translate(0,0) } // prefix is no longer supported .modal-content { -webkit-background-clip: padding-box } // was required by Android Browser 2.3, Opera 10 and earlier .modal-content { -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .popover { -webkit-background-clip: padding-box } // was required by Android Browser 2.3, Opera 10 and earlier .popover { -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .carousel-inner>.item { -o-transition: .6s ease-in-out left } // prefix is no longer supported .carousel-inner>.item { -o-transition: -o-transform .6s ease-in-out } // prefix is no longer supported 
  • Qualified Selectors262

    Since IDs are unique and classes are more unique than tags, adding a tag name would slow down the matching process needlessly

    Don’t qualify class or ID rules with tag names, as they are more unique than the tag. Strip tag names where possible

    a.text-primary:focus {}a.text-primary:hover {}a.text-success:focus {}a.text-success:hover {}a.text-info:focus {}a.text-info:hover {}a.text-warning:focus {}a.text-warning:hover {}a.text-danger:focus {}a.text-danger:hover {}a.bg-primary:focus {}a.bg-primary:hover {}a.bg-success:focus {}a.bg-success:hover {}a.bg-info:focus {}a.bg-info:hover {}a.bg-warning:focus {}a.bg-warning:hover {}a.bg-danger:focus {}a.bg-danger:hover {}blockquote.pull-right {}blockquote.pull-right .small {}blockquote.pull-right footer {}blockquote.pull-right small {}blockquote.pull-right .small:after {}blockquote.pull-right footer:after {}blockquote.pull-right small:after {}.table>tbody>tr.active>td {}.table>tbody>tr.active>th {}.table>tbody>tr>td.active {}.table>tbody>tr>th.active {}.table>tfoot>tr.active>td {}.table>tfoot>tr.active>th {}.table>tfoot>tr>td.active {}.table>tfoot>tr>th.active {}.table>thead>tr.active>td {}.table>thead>tr.active>th {}.table>thead>tr>td.active {}.table>thead>tr>th.active {}.table-hover>tbody>tr.active:hover>td {}.table-hover>tbody>tr.active:hover>th {}.table-hover>tbody>tr>td.active:hover {}.table-hover>tbody>tr>th.active:hover {}.table>tbody>tr.success>td {}.table>tbody>tr.success>th {}.table>tbody>tr>td.success {}.table>tbody>tr>th.success {}.table>tfoot>tr.success>td {}.table>tfoot>tr.success>th {}.table>tfoot>tr>td.success {}.table>tfoot>tr>th.success {}.table>thead>tr.success>td {}.table>thead>tr.success>th {}.table>thead>tr>td.success {}.table>thead>tr>th.success {}.table-hover>tbody>tr.success:hover>td {}.table-hover>tbody>tr.success:hover>th {}.table-hover>tbody>tr>td.success:hover {}.table-hover>tbody>tr>th.success:hover {}.table>tbody>tr.info>td {}.table>tbody>tr.info>th {}.table>tbody>tr>td.info {}.table>tbody>tr>th.info {}.table>tfoot>tr.info>td {}.table>tfoot>tr.info>th {}.table>tfoot>tr>td.info {}.table>tfoot>tr>th.info {}.table>thead>tr.info>td {}.table>thead>tr.info>th {}.table>thead>tr>td.info {}.table>thead>tr>th.info {}.table-hover>tbody>tr.info:hover>td {}.table-hover>tbody>tr.info:hover>th {}.table-hover>tbody>tr>td.info:hover {}.table-hover>tbody>tr>th.info:hover {}.table>tbody>tr.warning>td {}.table>tbody>tr.warning>th {}.table>tbody>tr>td.warning {}.table>tbody>tr>th.warning {}.table>tfoot>tr.warning>td {}.table>tfoot>tr.warning>th {}.table>tfoot>tr>td.warning {}.table>tfoot>tr>th.warning {}.table>thead>tr.warning>td {}.table>thead>tr.warning>th {}.table>thead>tr>td.warning {}.table>thead>tr>th.warning {}.table-hover>tbody>tr.warning:hover>td {}.table-hover>tbody>tr.warning:hover>th {}.table-hover>tbody>tr>td.warning:hover {}.table-hover>tbody>tr>th.warning:hover {}.table>tbody>tr.danger>td {}.table>tbody>tr.danger>th {}.table>tbody>tr>td.danger {}.table>tbody>tr>th.danger {}.table>tfoot>tr.danger>td {}.table>tfoot>tr.danger>th {}.table>tfoot>tr>td.danger {}.table>tfoot>tr>th.danger {}.table>thead>tr.danger>td {}.table>thead>tr.danger>th {}.table>thead>tr>td.danger {}.table>thead>tr>th.danger {}.table-hover>tbody>tr.danger:hover>td {}.table-hover>tbody>tr.danger:hover>th {}.table-hover>tbody>tr>td.danger:hover {}.table-hover>tbody>tr>th.danger:hover {}textarea.form-control {}input[type=date].form-control {}input[type=time].form-control {}input[type=datetime-local].form-control {}input[type=month].form-control {}input[type=date].input-sm {}input[type=time].input-sm {}input[type=datetime-local].input-sm {}input[type=month].input-sm {}input[type=date].input-lg {}input[type=time].input-lg {}input[type=datetime-local].input-lg {}input[type=month].input-lg {}input[type=checkbox].disabled {}input[type=radio].disabled {}select.input-sm {}select[multiple].input-sm {}textarea.input-sm {}.form-group-sm select.form-control {}.form-group-sm select[multiple].form-control {}.form-group-sm textarea.form-control {}select.input-lg {}select[multiple].input-lg {}textarea.input-lg {}.form-group-lg select.form-control {}.form-group-lg select[multiple].form-control {}.form-group-lg textarea.form-control {}.has-feedback label.sr-only~.form-control-feedback {}a.btn.disabled {}fieldset[disabled] a.btn {}input[type=button].btn-block {}input[type=reset].btn-block {}input[type=submit].btn-block {}tr.collapse.in {}tbody.collapse.in {}select.input-group-lg>.form-control {}select.input-group-lg>.input-group-addon {}select.input-group-lg>.input-group-btn>.btn {}select[multiple].input-group-lg>.form-control {}select[multiple].input-group-lg>.input-group-addon {}select[multiple].input-group-lg>.input-group-btn>.btn {}textarea.input-group-lg>.form-control {}textarea.input-group-lg>.input-group-addon {}textarea.input-group-lg>.input-group-btn>.btn {}select.input-group-sm>.form-control {}select.input-group-sm>.input-group-addon {}select.input-group-sm>.input-group-btn>.btn {}select[multiple].input-group-sm>.form-control {}select[multiple].input-group-sm>.input-group-addon {}select[multiple].input-group-sm>.input-group-btn>.btn {}textarea.input-group-sm>.form-control {}textarea.input-group-sm>.input-group-addon {}textarea.input-group-sm>.input-group-btn>.btn {}.nav>li.disabled>a {}.nav>li.disabled>a:focus {}.nav>li.disabled>a:hover {}.nav-tabs>li.active>a {}.nav-tabs>li.active>a:focus {}.nav-tabs>li.active>a:hover {}.nav-pills>li.active>a {}.nav-pills>li.active>a:focus {}.nav-pills>li.active>a:hover {}a.label:focus {}a.label:hover {}a.badge:focus {}a.badge:hover {}a.thumbnail.active {}a.thumbnail:focus {}a.thumbnail:hover {}a.list-group-item {}button.list-group-item {}a.list-group-item .list-group-item-heading {}button.list-group-item .list-group-item-heading {}a.list-group-item:focus {}a.list-group-item:hover {}button.list-group-item:focus {}button.list-group-item:hover {}button.list-group-item {}a.list-group-item-success {}button.list-group-item-success {}a.list-group-item-success .list-group-item-heading {}button.list-group-item-success .list-group-item-heading {}a.list-group-item-success:focus {}a.list-group-item-success:hover {}button.list-group-item-success:focus {}button.list-group-item-success:hover {}a.list-group-item-success.active {}a.list-group-item-success.active:focus {}a.list-group-item-success.active:hover {}button.list-group-item-success.active {}button.list-group-item-success.active:focus {}button.list-group-item-success.active:hover {}a.list-group-item-info {}button.list-group-item-info {}a.list-group-item-info .list-group-item-heading {}button.list-group-item-info .list-group-item-heading {}a.list-group-item-info:focus {}a.list-group-item-info:hover {}button.list-group-item-info:focus {}button.list-group-item-info:hover {}a.list-group-item-info.active {}a.list-group-item-info.active:focus {}a.list-group-item-info.active:hover {}button.list-group-item-info.active {}button.list-group-item-info.active:focus {}button.list-group-item-info.active:hover {}a.list-group-item-warning {}button.list-group-item-warning {}a.list-group-item-warning .list-group-item-heading {}button.list-group-item-warning .list-group-item-heading {}a.list-group-item-warning:focus {}a.list-group-item-warning:hover {}button.list-group-item-warning:focus {}button.list-group-item-warning:hover {}a.list-group-item-warning.active {}a.list-group-item-warning.active:focus {}a.list-group-item-warning.active:hover {}button.list-group-item-warning.active {}button.list-group-item-warning.active:focus {}button.list-group-item-warning.active:hover {}a.list-group-item-danger {}button.list-group-item-danger {}a.list-group-item-danger .list-group-item-heading {}button.list-group-item-danger .list-group-item-heading {}a.list-group-item-danger:focus {}a.list-group-item-danger:hover {}button.list-group-item-danger:focus {}button.list-group-item-danger:hover {}a.list-group-item-danger.active {}a.list-group-item-danger.active:focus {}a.list-group-item-danger.active:hover {}button.list-group-item-danger.active {}button.list-group-item-danger.active:focus {}button.list-group-item-danger.active:hover {}button.close {}table.visible-xs {}tr.visible-xs {}td.visible-xs {}th.visible-xs {}table.visible-sm {}tr.visible-sm {}td.visible-sm {}th.visible-sm {}table.visible-md {}tr.visible-md {}td.visible-md {}th.visible-md {}table.visible-lg {}tr.visible-lg {}td.visible-lg {}th.visible-lg {}table.visible-print {}tr.visible-print {}td.visible-print {}th.visible-print {}
  • Redundant Child Nodes Selectors1

    Deteced redundancies for child node selectors

    Dry up duplication by nesting rules under a set of similar selectors

    table th[class*=col-] {}
  • Universal Selectors12

    The universal selector matches any element type

    Universal selectors can be implied (and therefore omitted) if it isn’t the only component of the simple selector, avoid whenever possible

    [hidden] {}* {}:after {} {}* {}:after {} {}[role=button] {}[data-toggle=buttons]>.btn input[type=checkbox] {}[data-toggle=buttons]>.btn input[type=radio] {}[data-toggle=buttons]>.btn-group>.btn input[type=checkbox] {}[data-toggle=buttons]>.btn-group>.btn input[type=radio] {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Colors110
Comments3
Comments Length317
Empty Rules0
Expressions0
Imports0
Media Queries68
Not Minified1
Parsing Errors0
Property Resets0
Specificity Id Avg0
Specificity Id Total0
Specificity Class Avg1.84
Specificity Class Total4709
Specificity Tag Avg0.71
Specificity Tag Total1816
Selectors2556
Selector Length Avg1.8243348982785603
Selectors By Attribute205
Selectors By Class3445
Selectors By Id0
Selectors By Pseudo1057
Selectors By Tag1468
Length122540
Rules1435
Declarations2720