Support Forum Topic: Glossary of CSS selectors?

Support Forum Topic: Glossary of CSS selectors? http://support.westciv.com/ Support Forum Topic: Glossary of CSS selectors? en Thu, 29 Jul 2010 23:32:25 +0000 Storyman on "Glossary of CSS selectors?" http://support.westciv.com/topic/glossary-of-css-selectors#post-1791 Fri, 20 Mar 2009 15:21:46 +0000 Storyman 1791@http://support.westciv.com/ PSY, If you don't have a local server set up on your system, then open Sandbox's stylesheet with SM. On the menu bar click Preview-->Manage Preview Documents-->Online (tab). Insert the site's URL, then click the Add URL button. Finally, select the newly added URL and click OK. Your web page should appear in the preview window. On occasion you'll need to click the refresh button, which is to the bottom right of the preview window and looks like green spinning arrows. Rule #1. After you think you're CSS looks like you want preview it in FireFox. ALWAYS test against FF. FF is actually more CSS compliant than IE, but all the CSS editors use IE to show the preview. psy on "Glossary of CSS selectors?" http://support.westciv.com/topic/glossary-of-css-selectors#post-1790 Thu, 19 Mar 2009 14:06:13 +0000 psy 1790@http://support.westciv.com/ Ok, thanks for your replies. Sounds like I may need more tutorials since I've dragged in the source code from my blog and right clicked some of the elements, but still don't know what they mean. guyleech on "Glossary of CSS selectors?" http://support.westciv.com/topic/glossary-of-css-selectors#post-1789 Thu, 19 Mar 2009 00:38:33 +0000 guyleech 1789@http://support.westciv.com/ Hey Psy, The included tutorial in 4.6 isn't really comprehensive (as you've discovered) - you'd be much better off getting an in-depth tutorial on CSS to get you started. You can get a copy of our <a href="https://store.kagi.com/cgi-bin/store.cgi?storeID=WC4&&#courses">CSS Guide</a>, which has sections on how to use Style Master, as well as on CSS, or there are lots of good <a href="http://www.google.com.au/search?q=css+tutorial&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-GB:official&client=firefox-a">online resources</a> for learning CSS. b15fliptop on "Glossary of CSS selectors?" http://support.westciv.com/topic/glossary-of-css-selectors#post-1788 Wed, 18 Mar 2009 21:33:23 +0000 b15fliptop 1788@http://support.westciv.com/ It's fairly simple to figure out, if you have a basic understanding of CSS. The pound sign (#) signifies an id, so div#menu selects a div with the id "menu". A period (.) signifies a class, so span.required selects a span with the class "required". Your second example shows a more specific selector, which will apply whatever rules you write for it to a span with the class "required" ONLY if it's within a form with the id "commentform". By comma-separating a list of selectors, like your last example, you will apply whatever CSS rules you write to each of the selectors in the list. Take a look at the source code for your pages to see where these classes and id's are assigned. Or better yet, since you have StyleMaster, drag a page of your blog to the preview window in StyleMaster and then right-click an element and select "Suggest Selectors" or "New Matching Statement" to help you pick the right selector. Hope this helps! psy on "Glossary of CSS selectors?" http://support.westciv.com/topic/glossary-of-css-selectors#post-1787 Wed, 18 Mar 2009 19:01:56 +0000 psy 1787@http://support.westciv.com/ Hi: I am trying to design a WordPress blog, using a basic WordPress theme (Sandbox) as a starting point. I also purchased StyleMaster 4.6 and worked through the introductory StyleMaster tutorial. I’ve imported the Sandbox CSS stylesheet into StyleMaster. Now I’m having trouble figuring out what all of the selectors [if that’s the right term] actually do—I didn’t see any of these in the introductory StyleMaster tutorial. For example: div#menu, form#commentform span.required input#author,input#email,input#url,textarea#comment Not sure where to start to edit the attributes of these since I don’t know what each of these actually does. Is there a glossary somewhere that explains them? Or do I need to take the advanced CSS course to even begin to work with these? Suggestions? Thanks.