css3属性选择器

来源：互联网发布：移动运营商数据分析编辑：程序博客网时间：2024/06/07 12:39

1.11属性选择器

根据属性特征来选择应用的样式，所以从这个意义上来讲，它包含了id，class选择器

[title]:选择设置了title属性的元素

[title^=”tt”]:选择了title属性以”tt”开头的元素

[title$=”tt”]:选择了title属性以”tt”结尾的元素

[title ~=”tt”]:选择了title属性包含完整”tt”单词的元素

[title*=”tt”]:选择了title属性等于”tt”的元素

提示：

跨域：浏览器伪类安全性，阻止不同域名下，进行数据交互

CORS：需要服务器设置 response hander

JSONP :也需要服务器做处理，需要处理发送过去的字符串

1.2伪类选择器

1.2.1和用户界面相关的

enabled{}：元素被激活的时候触发。比如输入框获取焦点。

E:disabled{}：元素被禁用的时候触发，比如输入框不可以获取焦点。

checked{}：当元素被选中的时候，比如radius和checked元素的选中

E:selection（）：选中的时候触发，比如一大坨文字被选中的时候给选中文字设置字体

注意：只能向：：selection选择器应用少量css属性coloe background cursor以及outline

1.2.2结构性伪类

E:root，在html文档中，就是html元素

body的高度到底是啥?当我们没有对HTML、元素设置背景颜色的时候，html会自动读取body的背景颜色

E:empty当一个元素没有内容（子元素）的时候触发。

E:nth-child（index）{}：所有元素的父元素的第index个孩子，孩子的编号是从1开始，同时编号的顺序不管什么类型的元素，标号依次递增。
E:nth-of-type（index）{}：所有元素的父元素的第index孩子，还在的编号根据同一类元素进行编号，如果一个子元素有多种元素（），那么就有多种数组（div、h3、p）那么就有多组编号。

阅读全文

0 0