Detailed explanation of the classification of css hack and the three methods of css hack

The full text is quoted from here, a great article

• what
  Due to browsers from different manufacturers or different versions of a certain browser ( IE6~IE11, Firefox/Safari/Opera/Chrome, etc.) have different support and parsing of css. At this time, in order to obtain a unified page effect, we need to write specific css styles for different browsers or different versions. This process of writing corresponding css code for different browsers/different versions is called css hack.

• how
  Because different browsers and browser versions have different support and parsing results for css, and css priority The impact on the browser display effect, we can apply different css according to different browser scenarios.

• css hack classification
  has three forms of expression, cssattribute prefix method, selector prefix method, and IE conditional comment method .

• Attribute prefix method (i.e. class internal hack)

• Selector prefix method

• IE conditional comment method
  css hack generally defines CSS that has a wide range of applications and strong recognition capabilities at the front.

• css hack method one: conditional comment method (applicable to IE10 and below, IE10 and later will no longer support conditional comments)

• gt: greater than, select the conditional version or above, excluding the conditional version.
  lt: less than, select the version below the conditional version, excluding the conditional version.
  gte: greater than or equal, select the conditional version or above, including the conditional version.
  lte: less than or equal, select the version below the conditional version, including the conditional version.
  ! : Select all versions except the conditional version, regardless of high or low.

• Conditional comment attributes:

• Example

     <!--[if IE]>
     <p class="p1">只在IE5、6、7、8、9下显示</p>
     <![endif]-->
     <!--[if ! IE]><!-->
     <p class="p5">非IE</p>
     <!--<![endif]-->

  Common comment method in html script ##, the conditional comment method can only be recognized by IE browsers below IE10. For other browsers, they can only see a pair of closed Comments that don't work. For non-IE comments, note that there is a

The above is the detailed content of Detailed explanation of the classification of css hack and the three methods of css hack. For more information, please follow other related articles on the PHP Chinese website!