{"id":412,"date":"2012-11-19T07:51:00","date_gmt":"2012-11-19T07:51:00","guid":{"rendered":"https:\/\/chayilyam.com\/stories\/?p=412"},"modified":"2012-11-19T07:51:00","modified_gmt":"2012-11-19T07:51:00","slug":"css3-new-attribute-selectors","status":"publish","type":"post","link":"https:\/\/chayilyam.com\/stories\/css3-new-attribute-selectors\/","title":{"rendered":"CSS3 new attribute selectors"},"content":{"rendered":"<p>CSS3 introduce 3 new selectors for the sub-string or matching attributes. they are [att^=val], [att$=val] and [att*=val]. these selectors coming under<strong> Sub-string Matching Attribute Selectors<\/strong> section.<\/p>\n<h2>[att^=val]<\/h2>\n<p>This is the \u201cbegins with\u201d selector. This selector allows for the selection of elements where a specified attribute begins with a specified string. example:<\/p>\n<p>&lt;pre&gt;a[alt~=&#8221;Kerala&#8221;] { color:#00aa00; font-size:14px; border:1px solid #00aa00; padding:3px 10px; font-family:Arial, Helvetica, sans-serif;\u00a0 text-decoration:none; margin:2px; background:#afa }&lt;\/pre&gt;<\/p>\n<p>&lt;code&gt;a[alt~=&#8221;Karnataka&#8221;] { color:#0000aa; font-size:14px; border:1px solid #0000aa; padding:3px 10px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; margin:2px; background:#aaf }&lt;\/code&gt;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS3 introduce 3 new selectors for the sub-string or matching attributes. they are [att^=val], [att$=val] and [att*=val]. these selectors coming under Sub-string Matching Attribute Selectors section. [att^=val] This is the \u201cbegins with\u201d selector. This selector allows for the selection of elements where a specified attribute begins with a specified string. example: &lt;pre&gt;a[alt~=&#8221;Kerala&#8221;] { color:#00aa00; font-size:14px; &hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[81,84,85,183,196,492],"tags":[1628,1646,1349,1573],"class_list":["post-412","post","type-post","status-publish","format-standard","hentry","category-css","category-css-tags","category-css3","category-help","category-html5","category-tutorials","tag-css3","tag-help","tag-tutorial","tag-1573"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_shortlink":"https:\/\/wp.me\/pfoK1S-6E","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/posts\/412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/comments?post=412"}],"version-history":[{"count":0,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/posts\/412\/revisions"}],"wp:attachment":[{"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/media?parent=412"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/categories?post=412"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chayilyam.com\/stories\/wp-json\/wp\/v2\/tags?post=412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}