nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

recognise different browser

sanoboy

Is there anybody know how to using statement to judge browser to apply different css and js?

In common html, we can use something like:
--[if lte IE 7]-- --![endif]--

But in livesite component, it seems no use.

Find more posts tagged with

Comments

AlexC

If you really must have different behavior during the transform (rather than using javascript in the final output) then write an external that processes the user agent header and detects which browser then adds value to the result document which is then used by the XSL to alter output.

vpatel

In addition to the option that Alex outlined, if you want to take more "light-weight" approach, then you could just have a simple JS that sniffs out the browser type/version and then include necessary CSS through that JS.

sanoboy

yes, thx for your help
It works by using js to detect the browser type and version.