CSS3中选择器的语法

2019-09-13 郑州网站建设  

1,基本选择器语法

(1)*    通配选择器    选择文档中所以HTML元素

(2)E    元素选择器    选择指定类型的HTML元素

#id      ID选择器  选择指定ID属性值为“id”的任意类型元素

.class  类选择器  选择指定class属性值为“class”的任意类型的任意多个元素

selector1,selectorN   群组选择器    将每一个选择器匹配的元素集合并

2,层次选择器语法

(1)E F 后代选择器(包含选择器)      选择匹配的F元素,且匹配的F元素被包含在匹配的E元素内

(2)E>F      子选择器  选择匹配的F元素,且匹配的F元素所匹配的E元素的子元素

(3)E+F      相邻兄弟选择器  选择匹配的F元素,且匹配的F元素紧位于匹配的E元素的后面

(4)E~F      通用选择器    选择匹配的F元素,且位于匹配的E元素后的所有匹配的F元素

3,动态伪类选择器语法

(1)E:link   链接伪类选择器  选择匹配的E元素,而且匹配元素被定义了超链接并未被访问过。常用于链接描点上

(2)E:visited     链接伪类选择器  选择匹配的E元素,而且匹配元素被定义了超链接并已被访问过。常用于链接描点上

(3)E:active      用户行为选择器  选择匹配的E元素,且匹配元素被激活。常用于链接描点和按钮上

(4)E:hover      用户行为选择器  选择匹配的E元素,且用户鼠标停留在元素E上。IE6及以下浏览器仅支持a:hover

(5)E:focus       用户行为选择器  选择匹配的E元素,而且匹配元素获取焦点


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/2101.html转载请标明出处,谢谢合作!
标签:
  • CSS3
  • 语法
  • 选择
  • )
  • (
  • 1
  • 基本
  • *