My job requires me to use a CMS that does not give me access to the head-section in order to utilize attribute selectors. I attempted to address this issue by using inline styles. Here is a simplified version of my HTML code:
<div>
<style type="text/css" scoped>
a[href*="test"] { background: #000000;}
</style>
<a href="www.test.de">Test</a>
<a href="www.nothing.de">Nothing</a>
</div>
I expected the first link to have a black background, but nothing changed when tested with IE10. I even tried using the "scoped" keyword as shown in the example, but it did not work either. When I replaced the attribute selector with
a { background: #000000;}
it worked perfectly for all the hyperlinks. Is it true that attribute selectors cannot be used with inline styles? Can anyone provide a solution on how to achieve this task?