CSS Errors and Usage reports

  • Article

The CSS Reports panel can display a report that lists style errors, the type of styles that are in use, or whether a particular style is used or not by a page. You can generate a report that checks only particular web pages, an entire site, or a particular style. For information about the CSS Reports panel, see CSS Reports panel.

Tip

You can also generate a Style Sheet Links report, which lists all of the web pages in your site that either import or link to an external cascading style sheet (CSS). For more information, see Generating site reports.

To generate a report of CSS errors

  1. Do one of the following:

    • To report on an entire site, open the site.

    • To restrict the report to particular pages in a site, either open those pages or select them in either the Folder List panel or the Site View.

    • To report on only one particular style in a Usage report, select the style in either the CSS Properties or the Manage Styles panel, select the style in a CSS file, or select an element that uses the style.

  2. On the Tools menu, click CSS Reports.

  3. In the CSS Reports dialog box, do one of the following:

    • To generate a report of CSS errors, click the Errors tab.

    • To generate a report of CSS usage, click the Usage tab.

  4. Under Check where, specify which pages the report should check.

  5. Under Check for, do one of the following:

    • If you selected the Errors tab in step 3, select any of the following:

      Use this To do this

      Unused Styles

      List class, ID, and element selectors that are defined in a CSS and not used in your web pages.

      Undefined Classes

      List class selectors that are referenced in a web page and aren't defined in a CSS.

      Mismatched Case

      List class and ID selectors that are defined with a case that is different than the case of a reference to that style. For example, if your style sheet defines a class that is named "myclass" and a web page references "MyCLASS", this style will appear in the report.

    • If you selected the Usage tab in step 3, select any of the following:

      Use this To do this

      Class Selectors

      List class selectors that are being used, the web pages that are using those styles, and the location of the style definition.

      ID Selectors

      List ID selectors that are being used, the web pages that are using those styles, and the location of the style definition.

      Element Selectors

      List element selectors that are being used, the web pages that are using those styles, and the location of the style definition.

  6. Click Check.

    The CSS Reports panel opens and the status of the generation of the report appears at the bottom of the panel.

    Tip

    To stop the generation of a report, on either the Common or Standard toolbar, click Stop Cc295563.2ab71409-c623-49ac-adef-eafa690e96e0(en-us,Expression.40).png.

See also

Reference

CSS Reports panel

Concepts

Customizing filters
Generating cascading style sheet reports
Generating site reports
Cascading style sheet reference

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.