CSS属性选择器的用法有哪些？css属性选择器的用法介绍（代码）

不言

发布时间：2018-09-05 17:51:50

3327人浏览过

来源于php中文网

原创

本篇文章给大家带来的内容是关于CSS属性选择器的用法有哪些？css属性选择器的用法介绍（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

一、存在和值属性选择器

1、存在和值属性选择器

        /*存在和值属性选择器*/   
        [attr]：该选择器选择包含 attr 属性的所有元素，不论 attr 的值为何。
        [attr=val]：该选择器仅选择 attr 属性被赋值为 val 的所有元素。
        [attr~=val]：表示带有以 attr 命名的属性的元素，并且该属性是一个以空格作为分隔的值列表，其中至少一个值为val。

2、代码实例：
01_存在和值属性选择器.html


        
        存在和值属性选择器
        
    
    
        李立超
        晓飞张
        白浩杰
        腿长1米8
        佟刚
        陈雷
        李贺飞

02_存在和值属性选择器.html


        
        存在和值属性选择器
        
    
    
        李立超
        晓飞张
        白浩杰
        腿长1米8
        佟刚
        陈雷
        李贺飞

03_存在和值属性选择器.html

立即学习“前端免费学习笔记（深入）”；


        
        存在和值属性选择器
        
    
    
        李立超
        晓飞张
        白浩杰
        腿长1米8
        佟刚
        陈雷
        李贺飞

二、子串值属性选择器

企奶奶

一款专注于企业信息查询的智能大模型，企奶奶查企业，像聊天一样简单。

下载

1、子串值属性选择器

        /*子串值属性选择器*/
        [attr|=val] : 选择attr属性的值是val（包括val）或以val-开头的元素。
        [attr^=val] : 选择attr属性的值以val开头（包括val）的元素。
        [attr$=val] : 选择attr属性的值以val结尾（包括val）的元素。
        [attr*=val] : 选择attr属性的值中包含字符串val的元素。

2、代码实例：


        
        存在和值属性选择器
        
    
    
        李立超
        晓飞张
        白浩杰
        腿长1米8
        佟刚
        陈雷
        李贺飞

相关专题

css3教程

php中文网为大家提供css3教程合集，CSS3的语法是建立在CSS原先版本基础上的，它允许使用者在标签中指定特定的HTML元素而不必使用多余的class、ID或JavaScript。php中文网还为大家带来css3的相关下载资源、相关课程以及相关文章等内容，供大家免费下载使用。

400

2023.06.14

有哪些css3渐变属性

css3中渐变属性有linear-gradient、radial-gradient、conic-gradient、repeating-linear-gradient、repeating-radial-gradient等。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。

140

2023.11.01

Python 自然语言处理（NLP）基础与实战

本专题系统讲解 Python 在自然语言处理（NLP）领域的基础方法与实战应用，涵盖文本预处理（分词、去停用词）、词性标注、命名实体识别、关键词提取、情感分析，以及常用 NLP 库（NLTK、spaCy）的核心用法。通过真实文本案例，帮助学习者掌握使用 Python 进行文本分析与语言数据处理的完整流程，适用于内容分析、舆情监测与智能文本应用场景。

2026.01.27