CSS选择器是指CSS中用来选中HTML中特定元素的语法。在CSS中有许多不同的选择器,每个选择器都有自己的含义和用途。以下是其中一些常见的CSS选择器:
// 选中标签名称为p的元素 p { color: red; } // 选中id为example的元素 #example { font-size: 20px; } // 选中class名称为test的元素 .test { background-color: yellow; } // 选中属性名为href,属性值包含"google"的元素 a[href*="google"] { text-decoration: none; } // 选中父元素为div,子元素为p的元素 div > p { margin: 0; }
通常情况下,选择器可以组合使用,以便更精确地选中特定的元素。例如,可以使用以下语法来选中同时具有class名称为"test"且在id为"example"的div中的p元素:
#example .test p { font-weight: bold; }
使用正确的选择器可以让CSS样式更加精确地应用于不同的HTML元素。了解不同的选择器及其含义将有助于更好地编写CSS代码。