300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > css3属性选择器和伪类选择器 用什么表示子代选择器 – CSS – 前端 www.cssf.cn

css3属性选择器和伪类选择器 用什么表示子代选择器 – CSS – 前端 www.cssf.cn

时间:2022-07-26 16:14:12

相关推荐

css3属性选择器和伪类选择器 用什么表示子代选择器 – CSS – 前端 www.cssf.cn

(1)关系选择器

例如: h1>strong

说明:表示选择嵌套在h1标记的子标记strong。

(2)临近兄弟选择器

例如: h2+p

说明:表示选择h2标记后紧邻的第一个兄弟标记p。

(3)普通兄弟选择器

例如:p~h2

说明:表示选择p标记所有的h2兄弟标记

@ css3中伪类选择器由什么组成?

w3c规范中伪类有:

active、hover、link、visited 【css1】

所有主流浏览器都支持以上伪类,但是只在对标签上的支持最好。

【css2】的有3个

focus : 如果规定了<!doctype>,将在主流浏览器&ie8+中支持(否则ie不支持)

first-child:必须声明<!doctype>才能够确保在ie中正常支持

lang:如果规定了<!doctype>,将在主流浏览器&ie8+中支持(否则ie不支持)

@ HTML页面中如何避免过度使用ID?

首先,一个HTML文件中,所有元素的id属性值都应该是唯一的,现在大多数的IDE都有校验功能,如果id重复了会有相应的警告或者错误提示的,这样就可以规避元素的id属性值重复的问题了。根据id获取元素对象,不管是原生js,还是jquery等js库都是最便捷的了,只要保证页面各个元素的id属性值唯一即可。

其次,可以根据class名,HTML标签等获取元素。

最后,还可以根据CSS的伪类获取元素,CSS 伪类用于向某些选择器添加特殊的效果。常用的伪类有: :active 向被激活的元素添加样式。 :focus 向拥有键盘输入焦点的元素添加样式。 :hover 当鼠标悬浮在元素上方时,向元素添加样式。 :link 向未被访问的链接添加样式。 :visited 向已被访问的链接添加样式。 :first-child 向元素的第一个子元素添加样式。 :lang 向带有指定 lang 属性的元素添加样式。

总结以下,如果通过其他方式能够很方便的选择出大家需要的元素,则可以减少id属性的使用,否则使用id属性,记得id属性值必须唯一。

@ css规则?

在CSS样式规则

1.选择器用于指定CSS样式作用的HTML对象,花括号内是对该对象设置的具体样式。

2.属性和属性值以“键值对”的形式出现。

3.属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等。

4.属性和属性值之间用英文“:”连接。

5.多个“键值对”之间用英文“;”进行区分。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。