{"id":1008,"date":"2009-02-26T16:08:11","date_gmt":"2009-02-26T21:08:11","guid":{"rendered":"http:\/\/susangibb.net\/blog2\/?p=1008"},"modified":"2009-04-03T10:59:43","modified_gmt":"2009-04-03T15:59:43","slug":"hypertext-css-classes","status":"publish","type":"post","link":"https:\/\/susangibb.net\/blog2\/2009\/02\/hypertext-css-classes\/","title":{"rendered":"HYPERTEXT &#038; CODE: CSS classes"},"content":{"rendered":"<p><span class=\"drop\">N<\/span>o, I&#8217;m still muddling through in my own pokey way and draining the brains of a couple friends who know a lot more than I do, but no, I&#8217;m not taking classes.\u00a0 In this case, class means a specific style application to <span style=\"text-decoration: line-through;\">an element<\/span> a selector. What I was looking to do&#8211;and managed in a way, was change text color for certain writing spaces in a hypertext piece. My solution was posted previously, but I knew there had to be a way of taking care of this more easily on the css stylesheet. While I haven&#8217;t checked it with IE, it works with Firefox. The only problem, it has to be done (inline) on each paragraph, vs. the embedded style that also works well and is really easier to implement. The sample and the code (in the stylesheet):<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-medium wp-image-1009\" title=\"022609\" src=\"https:\/\/susangibb.net\/blog2\/wp-content\/uploads\/2009\/02\/022609-265x300.jpg\" alt=\"022609\" width=\"265\" height=\"300\" srcset=\"https:\/\/susangibb.net\/blog2\/wp-content\/uploads\/2009\/02\/022609-265x300.jpg 265w, https:\/\/susangibb.net\/blog2\/wp-content\/uploads\/2009\/02\/022609.jpg 722w\" sizes=\"auto, (max-width: 265px) 100vw, 265px\" \/>p.blue {<br \/>\nfont-family: Georgia;<br \/>\nfont-size: 1em;<br \/>\ncolor: #0000ff;<br \/>\nfont-weight: 700;<br \/>\npadding-left: 25px;<br \/>\npadding-right: 25px;<br \/>\n}<\/p>\n<p>And in the html of the space, for the blue paragraph:<\/p>\n<p>&lt;p class=&#8221;blue&#8221;&gt;text&lt;\/p&gt;<\/p>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"drop\">N<\/span>o, I&#8217;m still muddling through in my own pokey way and draining the brains of a couple friends who know a lot more than I do, but no, I&#8217;m not taking classes.\u00a0 In this case, class means a specific style application to an element a selector. What I was looking to do&#8211;and managed in a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[37,5],"tags":[64],"class_list":["post-1008","post","type-post","status-publish","format-standard","hentry","category-code","category-hypertext","tag-code"],"_links":{"self":[{"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/posts\/1008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/comments?post=1008"}],"version-history":[{"count":7,"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/posts\/1008\/revisions"}],"predecessor-version":[{"id":1267,"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/posts\/1008\/revisions\/1267"}],"wp:attachment":[{"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/media?parent=1008"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/categories?post=1008"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/susangibb.net\/blog2\/wp-json\/wp\/v2\/tags?post=1008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}