Side Bar

CSS Specific Data

ProposeJS CSS specific data

Defining CSS specific Data

CSS specific data will execute on a specific file URL. To define CSS specific data, follow the steps below:

1. Create a CSS file

Create a CSS file to store CSS specific data.

/specific/intro.css

 h1 {
   color: blue;
 }

2. Update the propose.json file

Define a specific CSS object where the key will be the specific file path of the HTML file, and the value will be an array of CSS files for this HTML file.

/propose.json

  {
    "css": {
      "specific": {
        "/articles/intro.html": ["/specific/intro.css"]
      }
    }
  }

Note

  • CSS specific data will execute only on a specific HTML file.
  • You can execute multiple CSS files for one HTML file.
  • CSS specific data will be removed from the webpage on state change.

How it works

CSS specific data will execute only on a specific URL. ProposeJS checks if the URL matches the proposed URL, then executes the CSS specific data. On state change, the CSS specific data will be removed from the webpage.

Footer