CSS3 element1~element2 Ñ¡ÔñÆ÷

ʵÀý

ΪËùÓÐÏàͬµÄ¸¸ÔªËØÖÐλÓÚ p ÔªËØÖ®ºóµÄËùÓÐ ul ÔªËØÉèÖñ³¾°£º

p~ul
{
background:#ff0000;
}

Ç××ÔÊÔÒ»ÊÔ

ä¯ÀÀÆ÷Ö§³Ö

IE Firefox Chrome Safari Opera

ËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö element1~element2 Ñ¡ÔñÆ÷¡£

×¢ÊÍ£º¶ÔÓÚ IE8 ÖеĸÃÑ¡ÔñÆ÷£¬±ØÐëÉùÃ÷ <!DOCTYPE>¡£

¶¨ÒåºÍÓ÷¨

element1~element2 Ñ¡ÔñÆ÷ element1 Ö®ºó³öÏÖµÄËùÓÐ element2¡£

Á½ÖÖÔªËØ±ØÐëÓµÓÐÏàͬµÄ¸¸ÔªËØ£¬µ«ÊÇ element2 ²»±ØÖ±½Ó½ôËæ element1¡£

VUE