Breaking News: Grepper is joining You.com. Read the official announcement!

The css selector ^ (starts with)

Cute Chinchilla answered on March 20, 2021 Popularity 8/10 Helpfulness 2/10

answer The css selector ^ (starts with)

related css selector starts with

The css selector ^ (starts with)

Comment

<!DOCTYPE html>
<html>
	<head>
		<style>
		
			/* Define styles of selected items, h1 and
			rest of the body */
			[class*="str"] { /* WE USE * HERE */
				background: red;
				color: white;
			}
			h1 {
				color:red;
			}
			body {
				text-align:center;
				width:80%;
			}
		</style>
	</head>
	<body>
		<h2>www.pakainfo.com</h2>
		<div class="first_str">The Main Website free download.</div>
		<div class="second">The Global Website free download.</div>
		<div class="my-strt">The Primary Website free download.</div>
		<p class="mystr">WorlCup Greatting</p>
	</body>
</html>

Popularity 8/10 Helpfulness 2/10 Language typescript

Source: www.pakainfo.com

Tags: css selector typescript

Link to this answer
Share Copy Link

Contributed on Jan 30 2023

Cute Chinchilla

0 Answers Avg Quality 2/10

Closely Related Answers

css selector starts with

Comment

The following should do the trick:

div[class^='myclass'], div[class*=' myclass']{
    color: #F00;
}
Edit: Added wildcard (*) as suggested by David

Popularity 9/10 Helpfulness 8/10 Language typescript

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Mar 20 2021

Santino

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

The css selector ^ (starts with)

Contents

More Related Answers

The css selector ^ (starts with)

Closely Related Answers

css selector starts with

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.