{"id":494,"date":"2010-09-29T14:38:55","date_gmt":"2010-09-29T12:38:55","guid":{"rendered":"http:\/\/www.kavdesign.net\/blog\/?p=494"},"modified":"2010-09-29T14:40:00","modified_gmt":"2010-09-29T12:40:00","slug":"css-style-element-by-its-title","status":"publish","type":"post","link":"https:\/\/www.kavdesign.net\/blog\/coding\/css-style-element-by-its-title\/","title":{"rendered":"CSS Style element by its Title"},"content":{"rendered":"

Today I saw something new for me:<\/p>\n

a[title=”Home”] {
\nfont-style:italic;
\n}<\/p>\n

And it’s applied to an element which has the title Home in my case it was:
\n<a title=”Home” href=”#”>Something<\/a><\/p>\n

So there is a way to style elements by their title, no need to add a class or id in such case.
\nI tested on most browsers and it works exceps of IE6, but who cares of this old browser.<\/p>\n","protected":false},"excerpt":{"rendered":"

Today I saw something new for me: a[title=”Home”] { font-style:italic; } And it’s applied to an element which has the title Home in my case…<\/p>\n

Continue readingCSS Style element by its Title<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[9],"tags":[93],"class_list":["post-494","post","type-post","status-publish","format-standard","hentry","category-coding","tag-css","entry"],"_links":{"self":[{"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/posts\/494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/comments?post=494"}],"version-history":[{"count":2,"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/posts\/494\/revisions"}],"predecessor-version":[{"id":496,"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/posts\/494\/revisions\/496"}],"wp:attachment":[{"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/media?parent=494"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/categories?post=494"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kavdesign.net\/blog\/wp-json\/wp\/v2\/tags?post=494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}