Rumah > hujung hadapan web > html tutorial > 图解CSS3 读书笔记--选择器_html/css_WEB-ITnose

图解CSS3 读书笔记--选择器_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-21 09:03:49
asal
922 orang telah melayarinya

CSS1、2、3选择器统览

css1、2、3的选择器及其对应的浏览器兼容性前端观察这篇文章已经详细总结了:Click

通过测试:有如下更正或说明:

注:下述浏览器兼容性以x+表示,表明x以及x以上版本。
Salin selepas log masuk
  • 动态伪类选择器E:active:若E为锚点,ie6+可兼容;若为其他(不局限为表单元素), ie的兼容性为8+;

  • E>F:匹配E下第一个为F的子节点,F不一定是E的第一个子节点;

  • E+F:匹配紧紧跟着E的F节点,F需要是E的第一个兄弟节点;

  • E~F:匹配E后的所有为F的兄弟节点,F不需要是E的第一个兄弟节点;

补充:E:lang(language):语言伪类选择器,匹配设定了lang属性的E元素。如html:lang(en) {}匹配;

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan