Forum rules
Please try to follow these guidelines. This will help to receive faster and more accurate response.
Check the Support section of the corresponding product first. Chances are you will find your answer there;
Do not create new topics for already reported problems. Add your comments to the existing topics instead;
Create separate topic for each problem request. Do NOT post a number of non-related problem reports in a single topic;
Give your topic a meaningful title. Titles such as "A question," "Bug report" and "Help!" provide others no clue what your message is about;
Include the version number of the software you are using;
This is not an official customer support helpdesk. If you need a prompt and official response, please contact our support team directly instead. It may take a while until you receive a reply in the forum;
#menu2 li { /* Class or ID Selector */
display: inline
list-style-type: none;
}
The behavior of IE7 and Firefox 3.0 browsers, when rendering this, is to ignore the statement with, and all statements following, the missing semicolon. Thus, the "display" and the "list-style-type" property values would be those of an inherited value such as, "none", or "disc".
Note: According to the CSS specification, there appears to be no need for the semicolon if it is the final (or only) Selector within the braces. Also, I've checked the forums for mention of this as a bug, but only found it in reference to the auto complete feature.
Hm, I can clearly see that the syntax highlighting colors *everything* after : and before ; as value (blue by default). I believe, this is enough of indication. Don't you think so.
You can also use the built-in CSS syntax check to go through a big CSS file before deploying it.
Take the code you want, #menu2 li {
font-size: 80%;
display: inline;
list-style-type: none;
}
Then delete the first semicolon,
#menu2 li {
font-size: 80% display: inline;
list-style-type: none;
}
"display: inline" is now all blue as you were saying (except the colon is black). Well, I looked in "Options > Preferences > Text Editor > Colors --> CSS > CSS Value" and that's the Blue color being used. So there is no way to change it to a more visible, "#FF0000" (by default, with an option in colors) to indicate an error. In fact, your CSS parsing code is assuming it's NOT an error, and interprets that you actually intend for "80% display: none" to be the Value of the Property "font-size:", therefore it's colored blue.
I would start with this: It is a common convention is to use a CR/LF after each semicolon to indicate the completion of Value assignments. It would be reasonable therefore to assume that a CF/LF that is not first terminated with ";" is an error, and color the entire following line as Red up to the next semicolon, or closing curly brace.
A more robust and syntactically correct way is to determine, by parsing the code, that since "display:" has a colon it cannot be a value of "font-size:" at all but it must be another Property, and there must be a missing semicolon prior to it. Therefore, you'd indicate an error by coloring the entire following line as Red up to the next semicolon, or closing brace.
Yes, but then again the assumption might be incorrect at some times and the more complex solution would be too "expensive". You can implement the first solution yourself (if you believe it would help you) by editing the syntax highlighting script which should be easier now that there are docs about how to do it.