A rule set is a CSS selector and all the declarations inside the brackets. It allows you to try various combinations of styling, since putting a declaration inside a comment makes it invisible to the browser.īefore we continue, let’s clarify what a rule set is. It can also be used to preserve entire blocks of CSS code you may want to use later without deleting it.Ĭommenting out is a convenient trick to use when testing and debugging CSS code.
Commenting out allows developers to turn off certain styling while saving the code for later use. In CSS, commenting out is the practice of placing comment marks (/* */) around a segment of code to deactivate it. In addition to explaining sections of code, comments are also frequently used to “comment out” a piece of CSS code. See the Pen CSS comments: example by HubSpot ( on CodePen.Ĭomments work in both internal and external CSS, as well as with CSS frameworks like Bootstrap CSS. The example below shows how comments can be used to tell any developer reading the code what each line does. You can also format them as multi-line comments:Ĭomments in CSS are ignored by the browser and have no effect on how styles are rendered on the front end. The most common format is a single-line comment, shown below:Ī single-line comment can have its own line, or it can be placed on a line with active code, as shown here:Ĭolor: white /* set the text color to white */ You can add comments to your stylesheet in two ways.
This tells the browser that they are notes and should not be rendered on the front end. To comment in CSS, simply place your plain text inside /* */ marks.
0 kommentar(er)
